underline vor erstem Buchstaben der Nav Leiste

[Wekowe]

Hallo zusammen,
irgendwie stehe ich auf dem Schlauch.
Ich bekomme eine underleine beim Ersten Buchstaben eines Wortes in meiner Nav.
Siehe Foto.

soweit mir bekannt sind alle underlien Funktionen in der CSS deaktiviert. Liegt es ggef an der Schriftart und deren Anzeige.
Vielen Dank für eure Unterstützung



z.I.

Html
...
<li id="Kontakt"><a href="Kontakt.html">Kontakt</li>
...

CSS

#navibereich{
text-align: center;
background-color: rgba(255,255,255,0.89);
text-decoration: none;

}

#navibereich-1 li {
display: inline;
list-style-image: none;
list-style-type: none;
margin-right: 20px;
font-family: DilleniaUPC;
font-size: 2.5em;
color: #606060;
text-decoration: none;
}
#navibereich-1 li a {
-moz-box-sizing: inherit;
box-sizing: inherit;
-webkit-box-sizing: inherit;
color: #606060;
font-family: DilleniaUPC;
text-decoration: none;
}
#navibereich-1 li a:hover {
color: #575757;
font-style: normal;
font-weight: bold;
text-decoration: none;
}

navibereich-1 li a.active {
color: #606060;
text-decoration: none;
list-style-type: none;
}

 

[bdt600]

Ich tippe, das kommt irgenwo anders her. Ein Link zur Seite wäre hilfreich.

 

[Wekowe]

Die Seite ist so noch nicht online. es muss irgendwas mit der inline Funktion zu tun haben, wenn ich auf table setze habe ich die unterstriche nicht...

 

[MrMurphy]

Hallo,

mit den Infos, die du rausrückst, kann dir niemand helfen, so gerne er es auch möchte.

Gruss

MrMurphy

 

[Wekowe]

Sorry, hoffe in der Form verständlicher.

Es geht um die unterstriche zwischen den oragenen dots in Bild u_dottet2.
Im Bild u_dottet findet Ihr den Aufbau der Navzeile.
Im Anhang auch die Html + CSS
Wenn ich die Nav von inline auf table setze, habe ich das Problem nicht.
Es entsteht erst wenn ich meinen Nav Bereich mit dem Namen: #navibereich-1 li a bearbeiten möchte.
Um es deutlicher zu machen habe ich die Stelle mit Leerzeichen verlängert. <li id="home"> <a href="Fast_Index.html">Home</li>&#160;&#160;&#160;&#160;&#160;
Mein Problem ist der zugriff auf den Bereich zwischen den dots bzw. den Rahmen der Listenelemente.

Hoffe so verständlicher.

Danke und Gruss





HTML

<div id="navibereich">
<ul id="navibereich-1">

<li id="home"> <a href="Fast_Index.html">Home</li>&#160;&#160;&#160;&#160;&#160;
<li id="Unternehmen"> <a href="Unternehmen.html">Unternehmen</li>
<li id="Kompetenzen"> <a href="Kompetenzen.html">Kompetenzen</li>
<li id="Kontakt"><a href="Kontakt.html">Kontakt</li>
</ul>
</div>

CSS

#navibereich{
text-align: center;
background-color: rgba(255,255,255,0.89);
margin-right: px;
padding-right: px;
text-decoration: none;
border-spacing: 0px 0px;
color: #D5080B;
border-style: dotted;
}

#navibereich-1 li {
list-style-image: none;
list-style-type: none;
font-family: DilleniaUPC;
font-size: 2.5em;
margin-right: px;
padding-right: px;
display: inline;
border-style: dotted;
color: #F8970C;
}

#navibereich-1 li a {
display: inline;
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
color: #606060;
}

 

[Sentence]

Bei sämtlichen Links fehlt ein </a>

 

[Wekowe]

Oh mein Gott ;-)
Ja, es funktioniert!
Vielen Dank für die Hilfe, manchmal kann es so einfach sein und man selbst sehr sehr blind!!!

 

[Wekowe]

CLOSED