[faty]

Moin moin,

hab gerade ein Problem mit einer Erstellung einer Navigationsleiste. Hatte vor alles per CSS zu gestalten doch irgendwie haut dieses nicht hin. Hab unten ein Bild angehangen auf dem man links sieht wie es derzeit aussieht und rechts wie es einmal aussehen soll.

CSS Quelltext:

#navi
{ font-size: 10px;
font-family: Verdana;
color: #FCFCFC;
background: #E32E61;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 15px;
margin-top: 15px}

#navi a
{ font-size: 10px;
font-family: Verdana;
color: #FCFCFC;
font-weight: bold;
padding: 10 3 10 2;
background-color: #E32E61;
text-decoration: none;
margin-right: 1px; }

#navi a:hover
{font-size: 10px;
font-family: Verdana;
color: #000000;
padding: 10 3 10 2;
background-color: #FCFCFC;
font-weight: bold;
text-decoration: none; }

Könnt ihr mir vielleicht ein paar Tipps geben wenn nicht sogar eine Lösung zusammen basteln

Wäre euch echt sehr verbunden





mfg

[tacker]

Wichtig: HTML und CSS sind keine Programmiersprachen!
Verschoben von Programmierung nach Allgemeines - Nonprint.

[evil live]

hi,

probier es mal hiermit: (Schrift und -größe, Farben etc. änderst du einfach nach deinen wünschen)


a.navi:link, a.navi:visited {
font-family: wie du willst;
text-decoration:none;
font-size:12px;
color: #FFFFFF;
font-weight: bold;
background-color:#000000;
display: block;
padding:3px 0px 3px 6px;
text-transform: uppercase; /*alle buchstaben groß*/
}
a.navi:hover, a.navi:active {
font-family:wie du willst;
text-decoration:none;
font-size:12px;
color: #000000;
font-weight: bold;
background-color: #FFFFFF;
display: block;
padding:3px 0px 3px 6px;
text-transform: uppercase;
}

[faty]

Erst ma danke für die Antwort,.. habs jetzt vom Stil her so wie ich es wollte haber aber leider das bekannte IE und FF Problem

Im FireFox:



Im Internet Explorer:



Falls man es erkennen kann habe ich zwischen der Navi und dem Content noch eine braune Linie von 1px. Habe absolut keine Ahnung wie ich den wegbekomme.

Quelltext aus dem Index: