LI + DIV
Коллеги, помогите с такой задачкой:
<LI style="list-style-position: outside;margin-left:15px;padding-left:0px;">
<div style="background: #F0F0F0;width:50">1<br>2<br>3<br>4<br>5<br></div>
Маркер становится снизу <DIV>, если в DIV убрать ширину, то маркер становится сверху. Какоим свойством можно заствить маркер списка стоновится вверху при указанной ширине?
<LI style="list-style-position: outside;margin-left:15px;padding-left:0px;">
<div style="background: #F0F0F0;width:50">1<br>2<br>3<br>4<br>5<br></div>
Маркер становится снизу <DIV>, если в DIV убрать ширину, то маркер становится сверху. Какоим свойством можно заствить маркер списка стоновится вверху при указанной ширине?
Вам бы следовало указывать весь значимый код, а не отрывки.
Нижеприведенный пример выровняет маркер, но создаст иные проблемы (например, будет нарушена структура при отображении в Опере).
Кроме того, у Вас ужасая структура списка - даже не представляю ситуацию, когда в список нужно пихать так много разнообразных тэгов. Вам следует задумать об оптимизации кода.
[HTML]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>.</title>
</head>
<body>
<ul style="width:50px;">
<li style="list-style-position:outside;margin-left:15px;padding-left:0px;">
<div style="background-color:#F0F0F0;">
<p>Это мой список.</p>
<p>Вторая строка.</p>
<p>Третья.</p>
</div>
</li>
</ul>
<ul>
<li style="list-style-position:outside;margin-left:15px;padding-left:0px;">
<div style="background-color:#F0F0F0;width:50px;">
<p>Это Ваш список.</p>
<p>Вторая строка.</p>
<p>Третья.</p>
</div>
</li>
</ul>
</body>
</html>[/HTML]
Нижеприведенный пример выровняет маркер, но создаст иные проблемы (например, будет нарушена структура при отображении в Опере).
Кроме того, у Вас ужасая структура списка - даже не представляю ситуацию, когда в список нужно пихать так много разнообразных тэгов. Вам следует задумать об оптимизации кода.
[HTML]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>.</title>
</head>
<body>
<ul style="width:50px;">
<li style="list-style-position:outside;margin-left:15px;padding-left:0px;">
<div style="background-color:#F0F0F0;">
<p>Это мой список.</p>
<p>Вторая строка.</p>
<p>Третья.</p>
</div>
</li>
</ul>
<ul>
<li style="list-style-position:outside;margin-left:15px;padding-left:0px;">
<div style="background-color:#F0F0F0;width:50px;">
<p>Это Ваш список.</p>
<p>Вторая строка.</p>
<p>Третья.</p>
</div>
</li>
</ul>
</body>
</html>[/HTML]
Дело в том, что в моем списке может быть несколько DIV и каждый из них должен иметь свою ширину. Если я явно ее укажу в DIV то маркер сползет вниз, если задам ширину как в Вашем случае, то ширина всех DIV будет одинакова.
Угу, о чем и речь. Я на прошлой неделе потерял свой телепатический аппарат, поэтому не смог уловить, что DIV'ов может быть несколько. Выкладывайте уже код.
Кода как такового нет. А вот почему: перед тем как вывести текст на екран из файла происходит замена BB на теги, так например у меня в тексте есть:
- Код:.......
- Код:на <pre>). При этом ширина в <pre> явно задана........
[HTML]<li style="vertical-align:top;">text</li>[/HTML]
Да, Комаджу, дружище это ОНО! Спасибос!