Link-Auszeichnung

[Johannes11]

Hallo. Ich bin noch nicht so fit in Html und bin gerade dabei eine Menüleiste zu machen. Aber egal was ich in CSS auch mache, werden die Links unterstrichen. Ist das vielleicht eine Grundeinstellung bei Links, wie bei den Punkten neben den Menüpunkten, die man durch einen Code "wegmacht"? Wenn ja, kann mir jemand sagen wie dieser lautet, da ich gerade nicht weiterweiss ..
Grüße und Dank im voraus

Johannes

 

[alogheo]

probiers mal damit:

<a href="" style="text-decoration:none;">link</a>

oder für alle Links:

<style>
a{ text-decoration: none; }
</style>

 

[Johannes11]

Danke erstmal für die schnelle Antwort. Da es ein längeres Menü wird, wollte ich fragen, wie ich es denn in CSS schreiben müsste ..

Grüße

 

[Arcsinh]

Da es ein längeres Menü wird, wollte ich fragen, wie ich es denn in CSS schreiben müsste ..

Was meinst du damit?

 

[Johannes11]

Der eben genannte Code, war ja für die Html-Seite und nicht für CSS. Im Prinzip ist es ein ganz normales Menü, was ich auch schonmal gemacht habe (mehrere Punkte untereinander). Das Ding ist, das die Attribute, die ich in CSS im Body geschrieben habe für eine andere Spalte im Lay-Out greifen, aber seltsamerweise nicht für das Linkmenü. Dort sind die Menüpunkte unterstrichen und blau, als ob sie kein CSS hätten (leider kann ich keinen Screenshot anhängen) ..

 

[Arcsinh]

Zeig mal deinen Code.

 

[Johannes11]

CSS:

body {
margin:30;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #000000;
line-height: 18px;
text-align:center;
list-style-type:none;
}



#wrapper {
width:792px;
margin: 0 auto;
text-align:left;
}

#main_nav{
float:left;
width:143px;
padding: 5px 0 20px 0;
list-style-type:none;
clear:left;
font-style:normal;
color: #000;
text-decoration:none;
}

#main_nav li {
padding: 0 20px 0 20px;
}

Html:

<ul id="main_nav">
<li><a href="#">Punkt1</a></li>
<li><a href="#">Punkt2</a></li>
<li><a href="#">Punkt3</a></li>
<li><a href="#">Punkt4</a></li>
<li><a href="#">Punkt5</a></li>
<li><a href="#">Punkt6</a></li>
<li><a href="#">Punkt7</a></li>
<li><a href="#">Punkt8</a></li>
<li><a href="#">Punkt9</a></li>
<li><a href="#">Punkt10</a></li>
</ul>

 

[Arcsinh]

#main_nav a { text-decoration: none; }

 

[Johannes11]

Aaah, da lag der Fehler. Jetzt klappts. Vielen Dank und schöne Grüße

 

[Arcsinh]

Aaah, da lag der Fehler. Jetzt klappts. Vielen Dank und schöne Grüße

Gern geschehen.