ff 3.5.1 в ul остается маркер после указания list-style-type: none;

[Вадим]

Делаю меню для сайта. Ставлю list-style-type: none; float: left; везде все хорошо, а в ff 3.5.1 остаются маркеры.

html

  <ul class="navigation">
   <li>Главная</li>
   <li>Программа</li>
   <li>Услуги</li>
   <li>Клиенты</li>
   <li>Контакты</li>
  </ul>

css

#header .navigation {
	float: left;
	width: 1004px;
	color: #787878;
	padding: 0;
	margin: 0;
	}
#header .navigation ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
#header .navigation li {
	float: left;
	margin: 0;
	padding: 0;
	}

У кого ещё такие проблемы были? Как решать?

Нашел проблему. Если указываешь #header .navigation ul, то Opera и FF не понимают о каком элементе идет речь. Если указывать #header ul, то все гуд.

Может есть какой-то совет по написанию классов?

Edited July 23, 2009 by Вадим

[Justnewone]

Нашел проблему. Если указываешь #header .navigation ul, то Opera и FF не понимают о каком элементе идет речь. Если указывать #header ul, то все гуд.

Может есть какой-то совет по написанию классов?

Вполне браузеры понимаю, ибо они, судя по Вашей записи, ищут в #header элемент с классом navigation, внутри которого должен находится UL, которому-то и надо обнулить буллет.

Правельными селекторами тут будут:

UL{...}

.navigation{...}

UL.navigation{...}

#header ul {...}

#header .navigation{...}

#header UL.navigation{...}

На практике, полагаю, Вам будет достаточно .navigation{...}

[Вадим]

Вполне браузеры понимаю, ибо они, судя по Вашей записи, ищут в #header элемент с классом navigation, внутри которого должен находится UL, которому-то и надо обнулить буллет.

Правельными селекторами тут будут:

UL{...}

.navigation{...}

UL.navigation{...}

#header ul {...}

#header .navigation{...}

#header UL.navigation{...}

На практике, полагаю, Вам будет достаточно .navigation{...}

Спасибо!

[LunatiK]

#header .navigation ul {

list-style-type: none;

padding: 0;

margin: 0;

}

В данной записи говориться: что есть некий контейнер с id="header" в ктором есть ещё один со class="navigation" а в нём <ul> кторому и даются все ниже перечисленные свойства, т.е.:

предполагаемый пример под ваш CSS:

<div id="header">
  <div class="navigation">
	<ul>
   </ul>
  </div>
</div>

а если для вашего примера, то надо:

#header  ul.navigation {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
/*ИЛИ*/
#header  .navigation {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}

[Вадим]

а если для вашего примера, то надо:

#header  ul.navigation {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
/*ИЛИ*/
#header  .navigation {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}

Спасибо, спасибо! Уже понял