Вложенные списки в IE

62

Николай В.

26 сентября 2006, 16:48

700

Есть код:


<html>

  <head>

    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

    <title>Тестирование</title>

  </head>

  <style>

    .category_top_level {

        font-size: large;

	color: red;

    }

  </style>

  <body>

    <ul>

	<li class="category_top_level">КПК</li>

      	<ul>

        	<li>ASUS</li>

      	</ul>

    </ul>

  </body>

</html>

По идее должен получится двухуровневый список, первый элемент которого подсвечен красным и шрифтом по-больше. В FireFoxe и Опере так и есть, но в IE стиль наследуется и для последующего элемента. Никто с таким не сталкивался? Есть ли решение, отличное от переопределения стилей для вложенных списков?

386

dkameleon

26 сентября 2006, 21:28

#1

Первая ошибка:

	<ul>
		<li class="category_top_level">КПК
			<ul>
				<li>ASUS</li>
			</ul>
		</li>
	</ul>

чтобы всё было согласно ХТМЛ спецификации:

Contents: One or more LI elements

по поводу запрета наследования боюсь, что не всё так просто, как хотелось бы... :(

тем более с относительными размерами шрифтов.

На крайняк, можно принудительно установить шрифт, для всех элементов:

	* {
		font-size: small;
		color: black;
	}

Дизайн интерьера (http://balabukha.com/)

16

Ёжик В Тумане

27 сентября 2006, 04:41

#2

dkameleon:
Первая ошибка:

	<ul>

		<li class="category_top_level">КПК

			<ul>

				<li>ASUS</li>

			</ul>

		</li>

	</ul>

Код как раз сделан по спецификации.

Николай В., попробуйте так:


<style>

    li.category_top_level {

        font-size: large;

	color: red;

    }

  li.category_top_level ul li{

	color: black;

    }

  </style>

Ушел в себя, забыл про форум.
Вернусь ли? Не знаю... Если нужен, пишите в аську...

62

Николай В.

27 сентября 2006, 07:04

#3

dkameleon, Ёжик В Тумане, ничего не понял :) Где правда? Судя по всему, вложенные ul нужно вкладывать в li. Или нет?

По самому вопросу - ну что ж, буду переопределять.

153

Коля Дубр

27 сентября 2006, 08:10

#4

Николай В., почитайте про каскад в CSS.

Таблица стилей должна быть примерно такой:


li a {color:#F00; font-size:15px;}
li ul li a {color:#000; font-size:14px;}

А в HTML либо так (вполне семантично, но не всегда удобно):


<ul>
   <li>
      <a href="#">Item</a>
      <ul>
         <li><a href="#">Subitem</a></li>
      </ul>
   </li>
</ul>

Либо вот так - бывает полезно при более сложных стилях, т.к. позволяет отдельно прописывать стиль для LI верхнего уровня.


<ul>
   <li>
      <a href="#">Item</a>
   </li>
   <li class="sublevel">
      <ul>
         <li><a href="#">Subitem</a></li>
      </ul>
   </li>
</ul>

Николай В.:
Где правда?

http://www.w3.org/TR/html40/struct/lists.html#edef-UL

ХЗ, пример к изречению "Lists may also be nested" помечен как DEPRECATED.

Разрабатываю общую шину (http://habrahabr.ru/company/floxim/blog/268467/) помаленьку. ...а еще у меня есть бложек (http://www.blogovo.ru/).

16

Ёжик В Тумане

27 сентября 2006, 08:11

#5

вложенные ul нужно вкладывать внутрь li.

т.е.:


<ul>

   <li>рыба 

      <ul>

           <li>мясо

           </li>

      </ul>

   </li>

</ul>

Переиграть и победить: как анализировать конкурентов для продвижения сайта

В 2023 году Одноклассники пресекли более 9 млн подозрительных входов в учетные записи