ilch Forum » Ilch Clan 1.1 » Fehlersuche und Probleme » Navigationsprobleme mit a:hover effekt

Geschlossen
  1. #1
    User Pic
    Redqueen Mitglied
    Registriert seit
    02.03.2011
    Beiträge
    14
    Beitragswertungen
    0 Beitragspunkte
    Hallöchen,

    habe schon wieder ein Problem.
    Und zwar wollte ich 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.

    img25.imageshack.us/i/bild1yg.jpg/

    und so in der css Datei

    #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; }


    Nun hab ich schon probiert mit "margin-left", 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.

    img23.imageshack.us/i/bild2rc.jpg/

    Und das sieht sch... aus.

    Weiß jem. woran das liegt? Oder kann mir bzw. sagen wie das besser funktioniert?

    LG Redqueen
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    MagistYata Mitglied
    Registriert seit
    22.12.2007
    Beiträge
    861
    Beitragswertungen
    6 Beitragspunkte
    Homepage?
    Streß ist Lebensdiebstahl
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Redqueen Mitglied
    Registriert seit
    02.03.2011
    Beiträge
    14
    Beitragswertungen
    0 Beitragspunkte
    Page ist noch nicht Online.

    LG Redqueen

    edit:
    Noch zur Info.
    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.


    Zuletzt modifiziert von Redqueen am 04.04.2011 - 11:37:54
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Fehlersuche und Probleme

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten