Unterstrichende Links

[JulianMark]

Ich habe eine Navigation erstellt mit folgendem Code:

<div id="navi">

<span class="headline">
 <a href="Link1.php"><FONT COLOR="#FFFFFF">LINK1</FONT></a>
</span>

<span class="navi"> 
 <a href="Link2.php">Link3</a>
 <a href="Link3.php">Link3</a>
 <a href="Link4.php">Link4</a>
 <a href="Link5.php">Link5</a>
 <a href="Link6.php">Link6</a>
 <a href="Link7.php">Link7</a>
</span>

</div>

#navi {
background-color:#FFFFFF;
width:auto;
height:auto;
color: #33333;
font-size:12px;
font-weight:normal;
letter-spacing:2px;
padding-top:2px;
padding-left:12px;
padding-right:2px;
padding-bottom:1px;}

.headline {
background-color:#666666;
color:#FFFFFF;
font-size:22px;
font-weight:normal;
letter-spacing:2px;
line-height:23px;
padding-left:2px;}

So sieht alles aus.
Funktioniert auch super, aber Ich möchte nicht das beim überfahren von
Link1 der Link unterstrichen wird. Wie kann ich das ändern?

 

[_Thor_]

span.navi a:hover {text-decoration: none;}

Allerdings zeichnet man ein Menü nicht als <div> mit <span> aus, sondern als Liste, da es eine Auflistung von Verweisen ist.

<ul>
  <li><a href=""></a></li>
  <li><a href=""></a></li>
  <li><a href=""></a></li>
  <li><a href=""></a></li>
</ul>

 

[JulianMark]

Danke. Hat funktioniert, allerdings musste ich

span.navi a:hover {text-decoration: none;}

durch

span.headline a:hover {text-decoration: none;}

ersetzen. =D

 

[_Thor_]

Ja richtig, sollte ja für Link1 funktionieren, das hab ich übersehen.

Dann kannst du dein Menü jetzt ja als Liste auszeichnen ;)