Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > как придать стиль li по id

Автор: ardeler 22.6.2011, 10:21

Пожалуйста удалите тему

Автор: ardeler 22.6.2011, 11:07

Пожалуйста удалите тему

Автор: ayax2005 22.6.2011, 15:40

в чём вопрос-то? как стиль передать по id? В вашем случае так:

Код


li#uniqueid{background-image:url(image1.jpg)}
li#uniqueid a{color:#FFF;}
li#uniqueid:hover{background-image:url(image2.jpg)}
li#uniqueid:hover a{color:#000;}

Согласно спецификации, имена классов и id должны состоять из цифр, знака подчёркивания или латинских букв нижнего регистра, причём дожны начинаться именно с бувкы.

Автор: ardeler 23.6.2011, 08:48

нечего не получилось - что я сделал не так вот код

Код


ul{
margin: 0;
padding: 0;
 /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
overflow:hidden;
}

li#uniqueida1{background-image:url(images/1.png);height:37px;width:106px;
}
li#uniqueida1 a{ height:37px;width:83px;float: left;display: block;text-decoration: none;margin: 0;
padding: 10px 1px;color: white;margin-left:13px;
 margin-top:2px;text-align:center; overflow:hidden;}
li#uniqueida1:hover{background-image:url(image2.jpg);}
li#uniqueida1:hover a{color:#000;}

Автор: ardeler 24.6.2011, 06:52

Пожалуйста удалите тему

Автор: ayax2005 24.6.2011, 07:43

ardeler, дайте ссылку на страницу, я пришлю вам стиль

Автор: ardeler 24.6.2011, 08:44

ayax2005 я вам в лс написал .

Автор: ardeler 24.6.2011, 11:33

сами тоже наверно не поняли )))

Автор: ayax2005 24.6.2011, 11:47

если вы думаете что мне заняться больше нечем, вы сильно ошибаетесь. потерпите, вечером посмотрю

Автор: ardeler 24.6.2011, 11:51

Пожалуйста удалите тему

Автор: ayax2005 24.6.2011, 13:37

Для начала здесь .mattblacktabs li не display:inline, а float:left
Затем, id не "1", а что-то валидное, например menuli1
И наконец, .mattblacktabs li#menuli1:hover{background-image:url("/test/images/1-hover.png")}

оставьте лучше деньги себе, купите книгу по CSS

Автор: ardeler 24.6.2011, 15:47

спасибо

Автор: ardeler 24.6.2011, 17:17

ayax2005,

написал такой код и все работает

ul#tabs {margin-top: 119px;position: absolute; margin-right:247px;right: 0px;top: -15px; width:515px;}
ul#tabs li {background: url(/images/tab.png) no-repeat;float: left;height: 40px;width: 106px; list-style:none;}
ul#tabs li a {display: block;height: 100%;text-indent: -9000px;width: 100%;}
ul#tabs li#ax1 {background-position: 0px 0px; width:105px;}
ul#tabs li#ax1:hover {background-position: 0px -39px;}
ul#tabs li#ax1.current, ul#tabs li#ax1:active {background-position: 0px -80px;}