xhtml Сообщение 22/10/2008 13:37 Копия темы
css Всем привет.
Вопрос к знатокам css.

К примеру есть меню сделанное списком.
У каждого пункта есть свой бэкграунд.
Возможно ли не присваивая каждому пункту id или class, указать в css, что каждому следующему пункту соответствует новый стиль с новым бэкграундом?

На ум приходит что-то типа #menu ul li > li { }, но работать не хочет :)

Boriss Сообщение 22/10/2008 13:41 Копия темы
Я делаю так:
#menu li {
background:url('./images/hz.jpg') no-repeat;
}

Работает.

xhtml Сообщение 22/10/2008 13:43 Копия темы
Ну это понятно, но надо, чтобы каждому пункту соответствовала своя картинка, т.е бэкграунд.

KAMPAT Сообщение 22/10/2008 13:44 Копия темы
#menu li li

handicraft Сообщение 22/10/2008 13:46 Копия темы
если у li id='lol' то

li#lol {
border:1px solid #eaeaea;
}

Boriss Сообщение 22/10/2008 13:47 Копия темы
дык каждому пункту из менб с id="menu" будет соответствовать картинка...

stepdev Сообщение 22/10/2008 13:48 Копия темы
скомпонуй фон как надо запихни в ul, li же поверх него распологаются, поэтому все будет видно, ну и у li соответственно нужно будет размеры подшаманить

xhtml Сообщение 22/10/2008 13:49 Копия темы
Да, но все картинки разные в этом меню :)

xhtml Сообщение 22/10/2008 13:50 Копия темы
Это когда вложены

contenter Сообщение 22/10/2008 13:51 Копия темы
нету такого в css. скриптами

Boriss Сообщение 22/10/2008 13:53 Копия темы
А, вот вы о чем )
Нет, в css такого нету

handicraft Сообщение 22/10/2008 13:54 Копия темы
есть
ul id="all">
li id='lol1'>выбрать все области /li>
li id='lol2'>удалить все области /li>
li id='lol3'>удалить все области /li>
li id='lol4'>удалить все области /li>
/ul>
li#lol1 {
background:#111;
}
li#lol2 {
background:#222;
}
li#lol3 {
background:#333;
}
li#lol4 {
background:#444;
}

handicraft Сообщение 22/10/2008 13:58 Копия темы
тьфу, я лох
вы правы я не так прочитал

handicraft Сообщение 22/10/2008 13:58 Копия темы
это не то//

CSR Сообщение 22/10/2008 13:59 Копия темы
При чем здесь это? Человек хотел чтобы ИДшники е прописывать для каждого...

CSR Сообщение 22/10/2008 14:00 Копия темы
Кинь скриншот меню с макета

handicraft Сообщение 22/10/2008 14:00 Копия темы
ага, я уже прочитал

handicraft Сообщение 22/10/2008 14:00 Копия темы
+1

Frog Сообщение 22/10/2008 14:08 Копия темы
а каждому ли присвоить свой класс с нужный соответствующим бэком не подходит?!

xhtml Сообщение 22/10/2008 14:09 Копия темы
В данном случае конечно не проблема присвоить каждому пункту свой id, но было интересно вообще возможно ли такое в css.

Frog Сообщение 22/10/2008 14:14 Копия темы
нет не возможно

site-creator Сообщение 22/10/2008 15:12 Копия темы
если бы не ие6 то можно было бы так
#menu ul li + li { }
#menu ul li + li + li { }
а так придется добавить классы. вариант с 1-м bg для ul не катит, т.к. при увеличении шрифта все поедет. даже если его задать в px.(ff2)

yanajy Сообщение 24/10/2008 12:39 Копия темы

yanajy Сообщение 24/10/2008 12:41 Копия темы
(!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "www.w3.org/TR/xhtml1/DTD/...
(html xmlns="www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
(head>
(title>title(/title>
(link rel="stylesheet" type="text/css" href="styles/styles.css" />
(/head>
(body>

(div id="container">
(ol id="menu">
(li>(a href="#">Главная(/a>(/li>
(li>(a href="#">О компании(/a>(/li>
(li>(a href="#">Каталог(/a>(/li>
(li>(a href="#">Услуги(/a>(/li>
(li>(a href="#">Контакты(/a>(/li>
(/ol>
(/div>
(/body>
(/html>
body {
background-color: #FFFFFF;
}
* {
margin: 0;
padding: 0;
}
#container {
width: 80%;
margin: 20px auto;
}
#menu li {
float: left;
width: 20%;
list-style-type: decimal-leading-zero;
list-style-position: inside;
color: #8C8C8C;
font-size: 9px;
font-family: tahoma;
}
#menu a {
font: normal 15px arial;
color: #177DCC;
display: block;
margin-top: 5px;
}