Menu list block чередование фона в списке? ( .item-list ul li )
Прислано: veshiyi
ср, 02/05/2007 - 16:42
как сделать так чтобы фон чередовался в списке, который находиться в блоке?
пример на рисунке:
если не ошибаюсь
.item-list ul li - system.css
соответственно как надо прописать .item-list ul li в style.css themes помогите, пожалуйста...
- veshiyi's blog
- Для комментирования войдите или зарегистрируйтесь
как я дагодался можно еще background-ом в style.css прописать
.item-list ul {background: url(images/****.jpg);
margin:0pt 0pt 0.75em;
padding:0pt;
}
но получается что если title переноситься на 2-ю строчку то текст выходит за нижнюю границу.
а есть еще варианты???
- Для комментирования войдите или зарегистрируйтесь
Посмотри какие классы генерит Drupal и поправь их, только не картинками(background: url(images/****.jpg);) а цветом (background: #ccc; например)
- Для комментирования войдите или зарегистрируйтесь
<div class="item-list"> - генерирует drupal ( для блока) далее <ul><li><a href=""> </a></li></ul>
в style.css
.item-list ul {
background:transparent url(images/100.jpg) repeat scroll 0%;
margin:0pt 0pt 0.75em;
padding:0pt;
}
100.gpj картинка с 2-я полями
верхнее поле к примеру серое нижнее белое, масштаб подобран таким образом что перекрывает 2-е строки (title), в свою очередь картинка
repeat n-количество раз.
как же тут прописать 2-а цвет (background: #ccc; например) и цвет (background: #555; например) ?????
- Для комментирования войдите или зарегистрируйтесь
Там чередуются odd и even.
Разные полоски сделаны на форуме drupal.org.
Можно файл CSS с drupal.org взять и посмотреть как они описаны.
- Для комментирования войдите или зарегистрируйтесь
что то мне не разобраться как сделать чтобы генерировались 2-а класс odd и even ?
<li class="odd"> <li class="even">
????
помогите плиз
- Для комментирования войдите или зарегистрируйтесь
<title>Камни</title>
<style type="text/css">
.jewel {
width: 100%; /* Ширина таблицы */
border: 1px solid #000; /* Рамка вокруг таблицы */
border-collapse: collapse;
}
.jewel th {
background: #666;
color: #fff;
}
.jewel td, .jewel th {
padding: 3px; /* Поля вокруг текста */
text-align: left; /* Выравнивание по левому краю */
border: 1px solid #000;
}
.jewel tr:nth-child(odd) {
background: #7cded5;
}
.jewel tr:nth-child(even) {
background: #fffd7a;
}
.jewel tr:nth-child(3) {
text-align: center; /* Выравнивание по центру */
}
</style>
</head>
<body>
<table class="jewel">
<tr>
<th>Название</th><th>Цвет</th><th>Твердость по Моосу</th>
<th>Формула</th>
</tr>
<tr>
<td>Алмаз</td><td>Белый</td><td>10</td><td>C</td>
</tr>
<tr>
<td>Рубин</td><td>Красный</td><td>9</td>
<td>Al<sub>2</sub>O<sub>3</sub></td>
</tr>
<tr>
<td>Аметист</td><td>Голубой</td><td>7</td>
<td>SiO<sub>2</sub></td>
</tr>
<tr>
<td>Изумруд</td><td>Зеленый</td><td>8</td>
<td>Be<sub>3</sub>Al<sub>2</sub>(SiO<sub>3</sub>)<sub>6</sub></td>
</tr>
<tr>
<td>Сапфир</td><td>Голубой</td><td>9</td>
<td>Al<sub>2</sub>O<sub>3</sub></td>
</tr>
</table>- Для комментирования войдите или зарегистрируйтесь
Комментарии