Forum PHP.pl

Witam
Ok więc tak mam zrobione menu w CSS, przy Mozilli i Operze wszystko jest w porządku, przy IE zaczyna się coś z tym menu dziać. Zrobiły mi się schody z menu. Jak mam to ułożyć do jednej linii, zrobiłem na każdą przeglądarkę osobne wczytanie stylu ale teraz tego do porządku nie mogę ułożyć:

[PHP] pobierz, plaintext 
   <div class="header-nav">
    <ul>
     <li><a href="#" class="nav1" title=""></a></li>
     <li><a href="#" class="nav2" title=""></a></li>
    </ul>
   </div>
[PHP] pobierz, plaintext 

[PHP] pobierz, plaintext 
	div.header-nav {
		float: left;
		width: 1000px;
		border:none; 
	}
 
	div.header-nav ul {
		list-style-type:none; 
	}
 
	ul#nav li {}
 
	li a.nav1 { float:left; background: url(images/h1.gif) 0 0 no-repeat; height: 25px; width: 165px; }
	li a.nav1:hover { height: 25px; background: url(images/h1.gif) 0 -25px no-repeat; }
	li a.nav2 { float:left; background: url(images/h2.gif) 0 0 no-repeat; height: 25px; width: 167px; }
        li a.nav2:hover { height: 25px; background: url(images/h2.gif) 0 -25px no-repeat; }
[PHP] pobierz, plaintext 

Pozdrawiam i proszę o pomoc.

Po kiego pakujesz listę w DIV? Przecież można ostylować samą listę, bez tworzenia kodu rodem z DIVmanii...

Generalnie, dajesz float:left; i powinno działać, masz gdzieś to dostępne na www?

Nie, nie mam dostępnego, zauważ, że tam jest float:left; display:inline; żądnej zmiany nie wprowadza.

http://www.kurshtml.boo.pl/css/poziome_menu,menu.html

To powinno pomóc (IMG:style_emoticons/default/smile.gif)

Jakbyś miał poprawny kod to byś zauważył gdzie masz błąd. Ja dopiero po skopiowaniu na serwer zauważyłem. float:left; nadajesz elementowi listy (li), nie linkowi.

Proszę, z resztą CSS baw się sam (IMG:style_emoticons/default/smile.gif)

[HTML] pobierz, plaintext 
	ul#nav {
		float: left;
		width: 1000px;
		border:none;
		list-style-type:none; 
	}
	ul#nav li { float:left; }
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<ul id="nav">
     <li><a href="#" title="">Link</a></li>
     <li><a href="#" title="">Link</a></li>
    </ul>
[HTML] pobierz, plaintext