Question

Здравствуйте! Не могу понять, как в оглавлении перед ссылками(предложениями) поставить маленькую иконку? что бы при нажатии на нее был такой же переход, как и при нажатии на слово? заранее спасибо)

Answer 1

В данном случае вы неправильно начали, вы установили просто список ссылок:

<h1>Оглавление:</h1>
<p><a href="http://michalyc.ru/index/nashi_otlichija/0-11">&lt; Наши отличия от других фирм &nbsp;</a></p>

<p><a href="http://michalyc.ru/index/remont_vannoj_i_sanuzla/0-14">&lt; Ремонт ванных комнат &nbsp;</a></p>

<p><a href="http://michalyc.ru/index/podkljuchenie_stiralnoj_mashmny/0-18">&lt; Подключение стиральных машин </a>&nbsp;</p>

<p><a href="http://michalyc.ru/index/oo/0-20">&lt; Обустройство ванной комнаты &nbsp;</a></p>

<p><a href="http://michalyc.ru/index/chernovye_materialy_i_tekhnologii/0-24">&lt; Черновые материалы и технологии &nbsp;</a></p>

<p><a href="http://michalyc.ru/index/radiatory_otoplenija/0-26">&lt; Радиаторы отопления</a> &nbsp;</p>

<p><a href="http://michalyc.ru/index/tekhnicheskij_shkaf/0-27">&lt; Технический шкаф </a>&nbsp;</p>

<p><a href="http://michalyc.ru/index/teplyj_pol_v_vannoj_komnate/0-28">&lt; Теплый пол в в ванной комнате &nbsp;</a></p>

<p><a href="http://michalyc.ru/index/zamena_i_ustanovka_polotencosushitelja/0-32">&lt; Замена и установка полотенцесушителя &nbsp;</a></p>

а стоило бы воспользоваться списками и заменить ваш код выше на:

<h1>Оглавление:</h1>

<ul>
	<li><a href="http://michalyc.ru/index/nashi_otlichija/0-11">Наши отличия от других фирм </a></li>
	<li><a href="http://michalyc.ru/index/remont_vannoj_i_sanuzla/0-14">Ремонт ванных комнат </a></li>
	<li><a href="http://michalyc.ru/index/podkljuchenie_stiralnoj_mashmny/0-18">Подключение стиральных машин </a></li>
	<li><a href="http://michalyc.ru/index/oo/0-20">Обустройство ванной комнаты </a></li>
	<li><a href="http://michalyc.ru/index/chernovye_materialy_i_tekhnologii/0-24">Черновые материалы и технологии </a></li>
	<li><a href="http://michalyc.ru/index/radiatory_otoplenija/0-26">Радиаторы отопления</a> </li>
	<li><a href="http://michalyc.ru/index/tekhnicheskij_shkaf/0-27">Технический шкаф </a></li>
	<li><a href="http://michalyc.ru/index/teplyj_pol_v_vannoj_komnate/0-28">Теплый пол в в ванной комнате </a></li>
	<li><a href="http://michalyc.ru/index/zamena_i_ustanovka_polotencosushitelja/0-32">Замена и установка полотенцесушителя </a></li>
</ul>

после для ссылок можно установить иконки перед ссылками прописав в стили например:

#cont-i ul li {
    line-height: 1.9;
    list-style-image: url(http://www.adiumxtras.com/images/thumbs/ichat_7_25755_8310_thumb.png);
}
#cont-i ul li a {
    position: relative;
    top: -3px;
}

ссылку на иконку загрузите себе в файловый менеджер и ссылку пропишите свою вместо текущей.

Эта иконка является маркером, а не ссылкой и кликабельной она не будет.

Comments

спасибо, а как тогда сделать текст больше по размеру и куда вставлять вот это:

#cont-i ul li {
    line-height: 1.9;
    list-style-image: url(http://www.adiumxtras.com/images/thumbs/ichat_7_25755_8310_thumb.png);
}
#cont-i ul li a {
    position: relative;
    top: -3px;
}

я не понял, спасибо заранее

---

:) AquaRepair,

Куда вставить, вставить конечно в стили - http://michalyc.ru/panel/?a=tmpl;m=3;t=3 в самый низ.

В самом низу в стилях вы добавили этот скрипт:

<script type="text/javascript">
var slideshow=new TINY.slider.slide('slideshow',{
 id:'slider',
 auto:4,
 resume:false,
 vertical:false,
 navid:'pagination',
 activeclass:'current',
 position:0,
 rewind:false,
 elastic:true,
 left:'slideleft',
 right:'slideright'
});
</script>

удалите, скриптам не место в стилях и они там не работают.

Чтобы увеличить шрифт, здесь в стилях:

#cont-i ul li a {
    font-size: 15px;
    position: relative;
    top: -3px;
}

добавляем выделенное красным, 15 это размер шрифта.