Links in Div Container, mouseover

[chirp]

Hallo,

ich habe nun den (glaube von Maik empfohlenen) Artikel "Warum Tabellen dumm sind..."
gelesen. Ein Menu ohne Tabelle kriege ich aber nicht hin. Hier mein Css - Versuch:

#nav2
		{ position:absolute; top:90%; left:0; width:100%; height:50px;
                   background-color: #454545; border-bottom: 1px solid gray }

#nav2 ul
      		{ text-align: center;
	    	  margin-left: 0;
		  padding-left: 0;
                   font-family:Arial, Helvetica, sans-serif;
            	  font-size:14px;
		  font-weight:bold;
            	  color:#786E95;
            	  text-decoration:none;}

#nav2 li
		{ list-style-type: none;
		  padding: 4%;
		  display: inline }

und Html:

<div id="nav2">
<ul>
<li><a href="../www/pages/seite.html"></a>Link1</li>
<li><a href="../www/pages/seite.html"></a>Link1</li>
<li><a href="../www/pages/seite.html"></a>Link1</li>
<li><a href="../www/pages/seite.html"></a>Link1</li>
</ul>
</div>

Bei mir tut sich nichts. Keine Verlinkung. Und wie kann ich ohne Javascript eine Mouseoverfunktion einbauen`?

Vielen Dank

 

[ByeBye 182971]

Wieso machst du es nicht so, dass der mousehover bei "a" (Links) ist und dort die css eigenschaften liegen?

 

[Maik]

Hi,

vom Grundprinzip her funktioniert die Formatierung der Links so:

#nav2 a:link, #nav2 a:visited { /* gewünschte CSS-Formatierung */ }
#nav2 a:hover { /* gewünschte CSS-Formatierung für "mouseover" */ }