Also ich schraube gerade an einer Navigationsleiste die ihr hier betrachten könnt:
inVictus
Nun sieht das ja auch alles ganz toll aus und soweiter und sofort jedoch fällt einem beim hovern über den Button "Downloads" auf dass das Objekt nicht ganz korrekt "gehighlighted" wird sondern rechts ein paar Pixelreihen fehlen.
Ich habe also das Problem das ich per
die Divbox nicht verlängern kann.
Wie kann ich diesen Darstellungsfehler also anderst lösen? hat da jemand eine Idee?
Hier mal ein Auszug aus dem CSS Stylesheet:
Code:
.navigation {
width:1002px;
height:30px;
margin:0px auto;
background-color:#222;
font-family:Helvetica;
font-size:14px;
font-variant:small-caps;
border-top-width:2px;
border-top-style:solid;
border-top-color:#000;
border-right-color:#000;
border-right-style:solid;
border-right-width:2px;
font-weight:bold;
color:#CCC;
}
.navigation ul {
list-style:none;
height:30px;
margin-top:0px;
padding:0px 0px 0px 0px;
margin-left:0px;
margin-right:2px;
}
.navigation ul li {
float:left;
background-color:#222;
line-height:2em;
padding-right:22px;
padding-left:23px;
border-left-color:#000;
border-left-width:2px;
border-left-style:solid;
height:30px;
cursor:pointer;
-webkit-transition: background-color 2.5s;
}
.navigation li:hover {
background-color:#069;
color:#fff;
height:30px;
-webkit-transition: background-color 1.5s;
}
Kann es sein das ich grundsätzliche Fehler im Menu mache? Ich bin in dem Tutorial nicht ganz durchgestiegen.
Ich danke schon mal für die Hilfe.
Schönen Feiertag noch,
Linkee