[HTML][CSS]Biala Linia Opcje

[_MaStErCoBrA_]

Witam, mam menu na stronie ktore wyglada tak:

[HTML] pobierz, plaintext 
<div id="mainmenu"><ul>
    		<li class="notactive">Step 1</li>
      		<li class="active">Step 2</li>
      		<li class="notactive">Step 3</li>
            <li class="notactive">Step 4</li>
      		<li class="notactive">Step 5</li>
  </ul></div>
[HTML] pobierz, plaintext 

Co daje nam:

http://img83.imageshack.us/my.php?image=82408922be6.jpg

Chce dodac linka do guzika "Step 3", w ten sposob:

[HTML] pobierz, plaintext 
<div id="mainmenu"><ul>
    		<li class="notactive">Step 1</li>
      		<li class="active">Step 2</li>
      		<a href="index.php?id=top"><li class="notactive">Step 3</li></a>
            <li class="notactive">Step 4</li>
      		<li class="notactive">Step 5</li>
 </ul></div>
[HTML] pobierz, plaintext 

I dostajemy biala linie pod guzikami ktora oddziela je od paska:

http://img264.imageshack.us/img264/1538/82972232sg6.jpg

---

CSS:

mainmenu:

[HTML] pobierz, plaintext 
#mainmenu {
	height:26px;
}
 
#mainmenu ul {
	list-style-type:none;
	float:left;
	margin:0;
}
 
#mainmenu li {
	width:100px;
	text-align:center;
	line-height:26px;
	display:block;
	float:left;
	margin-right: 17px;
}
 
#mainmenu li.active {
	background-image:url(images/tab_active_fo.gif);
	font-weight: bold;
	color: white;
}
 
#mainmenu li.notactive {
	background-image:url(images/tab_inactive.gif);
	font-weight: bold;
}
 
#mainmenu li a {
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}
 
#mainmenu li.active a {
	color:white;
}
 
#mainmenu li.notactive a {
	color:#808080;
}
[HTML] pobierz, plaintext 

Co robic ?

Dziekuje i pozdrawiam

[Shili]

Po pierwsze jeśli już to nie:

[HTML] pobierz, plaintext 
<a href="index.php?id=top"><li class="notactive">Step 3</li></a>
[HTML] pobierz, plaintext 

a

[HTML] pobierz, plaintext 
<li class="notactive"><a href="index.php?id=top">Step 3</a></li>
[HTML] pobierz, plaintext 

Po to masz style, żeby to wystylować na 100% wysokości i szerokości. Prawdopodobnie powinno problem rozwiązać.

[_MaStErCoBrA_]

Ale dzieje sie to dopieor po tym jak dodam linki do tego menu, wlasnie te o ktorych mowa wyzej. Jaki to ma na to wplyw ?

[Shili]

Nie wiem jaki ma wpływ, bo podałeś obrazki, a nie stronę i nie mogę sama optymalnie sprawdzić (z obrazków tła wycinać nie będę, żeby to wyglądało jak mające ręce i nogi).

Zwracam Ci tylko uwagę, że masz złą kolejność elementów. A jest elementem liniowym, li - blokowym. Element liniowy nie może zawierać w sobie elementów blokowych, czyli nie <a><li></li><a>, a <li><a></a></li>
Na razie tworzysz niepoprawny kod - popraw go odpowiednio, a jeśli problem nadal będzie występował, to poszuka się bardziej ukrytych błędów.