Nicht mehr ganz neu hier
Hallöchen,
ich wollte gerne wechselnde effekte bei der Navigation haben wenn man mit der Maus drüber geht und den link aktiviert.
Ist ja eigentlich auch ganz einfach. Nun wollte ich dafür aber eine ganzandere Farbe als hintergrund haben. Sprich wenn man mit der Maus drüber fährt soll in der ganzen Navi breite ein heller Balken erscheinen.
Das mit den Balken habe ich auch hin bekommen, allerdings ist der mehr versetzt nach recht. Siehe Bild.
und so in der css Datei
Die schrift hab ich mit margin-left: -20px; in der Box verschoben, da die Navi-links listenpunkte sind und die schrift in der Navi-Box erst weiter links war und somit zu weit am rechten rand klebten, dass sah blöd aus.
Aber ich möchte die auch nicht links am Rand kleben haben.
Nun hab ich schon probiert mit "margin-left" im hover bereich, dann ist der balken auch genau da wo ich Ihn hin haben möchte, aber der Text schiebt sich dann beim rüber gehen mit zu rand wie hier auf dem Bild zu sehen.
Und das sieht sch... aus.
Weiß jem. woran das liegt? Oder kann mir bzw. sagen wie das besser funktioniert?
LG Redqueen08
PS.: Page ist noch nicht Online.
ich wollte gerne wechselnde effekte bei der Navigation haben wenn man mit der Maus drüber geht und den link aktiviert.
Ist ja eigentlich auch ganz einfach. Nun wollte ich dafür aber eine ganzandere Farbe als hintergrund haben. Sprich wenn man mit der Maus drüber fährt soll in der ganzen Navi breite ein heller Balken erscheinen.
Das mit den Balken habe ich auch hin bekommen, allerdings ist der mehr versetzt nach recht. Siehe Bild.
und so in der css Datei
Code:
[FONT=monospace]#left a:link {color: #FFFFFF; text-decoration: none; font-weight: ; }
#left a:visited {color:#FFFFFF; text-decoration: none; font-weight: ;}
#left a:hover {display:block; background-color: #CCCC33; width: 200px; height: 20px; color: #333300; text-decoration: none; }
#left a:active {display:block; background-color: #CCCC33; width: 200px; height: 20px; color: #333300; text-decoration: none; }
[/FONT]
Aber ich möchte die auch nicht links am Rand kleben haben.
Nun hab ich schon probiert mit "margin-left" im hover bereich, dann ist der balken auch genau da wo ich Ihn hin haben möchte, aber der Text schiebt sich dann beim rüber gehen mit zu rand wie hier auf dem Bild zu sehen.
Und das sieht sch... aus.
Weiß jem. woran das liegt? Oder kann mir bzw. sagen wie das besser funktioniert?
LG Redqueen08
PS.: Page ist noch nicht Online.