CSS Link Bereich definieren / Link Bereich rechts zu groß

A

Anon1216

Gast
Hallo

Die Links in meiner Navigation sind auf der rechten Seite ein paar px zu breit. Ich weiß nicht wie das kommt und wie ich es weg bekomme. Der Link soll nur so groß wie der Text sein aber rechts steht er ein bisschen über, sodass neben dem Text immernoch der Link ist. Hoffe ihr wisst was ich meine und dass ihr mir helfen könnt.

MfG

bild1.JPG bild2.JPG


Code:
body{
    height: auto;
    width: auto;
    background-color: #2e2e2e;
    font-family: sans-serif; 
}

#header{
    line-height: 23px;
}

#banner{
    height: 100px;
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

nav{
    height: 25px;
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -15px;
    text-align: center;
    background-color: #848484;
}

nav ul{
    list-style-type: none;
    height: 25px;
}

nav li{
    display: inline;
    margin-right: 20px;
    font-weight: bold;
}

nav a{
    text-decoration: none;
    color: black;
    padding-right: 
}
 
Zuletzt bearbeitet von einem Moderator:
Solutionx schrieb:
Hallo

Die Links in meiner Navigation sind auf der rechten Seite ein paar px zu breit. Ich weiß nicht wie das kommt und wie ich es weg bekomme. Der Link soll nur so groß wie der Text sein aber rechts steht er ein bisschen über, sodass neben dem Text immernoch der Link ist. Hoffe ihr wisst was ich meine und dass ich mir helfen könnt.

MfG

Anhang anzeigen 546325 Anhang anzeigen 546324

Hier noch der Code:
Code:
nav li{
    display: inline;
    margin-right: 20px;
    font-weight: bold;
}



das
Code:
margin-right: 20px;
muss raus.


Bzw. wenn du den Abstand zwischen den Links erhalten möchtest, dann musst du in deiner HTML Datei das Anker Tag nicht um das <li> setzen sondern direkt um den Text.
 
Zuletzt bearbeitet:
Hi, was ist mit dem padding in der letzten Zeile?

Woher er da auch immer einen Wert erhält - so ganz ohne Wert. Nimm die Zeile doch mal raus zum Testen.

Code:
nav a{
    text-decoration: none;
    color: black;
    padding-right: 
}
 
Fenatics schrieb:
Hi, was ist mit dem padding in der letzten Zeile?

Woher er da auch immer einen Wert erhält - so ganz ohne Wert. Nimm die Zeile doch mal raus zum Testen.

Code:
nav a{
    text-decoration: none;
    color: black;
    padding-right: 
}

Da habe ich nur etwas ausprobiert, ist schon wieder weg. Es ist wegen dem margin wie oben beschrieben.

@</nilz> Danke hat funktioniert :)
 
Zurück
Oben