zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Probleme mit Hover Effekt

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 17.12.2005, 11:52
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.12.2005
Beiträge: 1
Bakan befindet sich auf einem aufstrebenden Ast
Standard Probleme mit Hover Effekt

Hallo zusammen,

der Hover Effekt auf meiner Homepage funktioniert leider nicht in allen Browsern. Im IE wird der Effekt richtig dargestellt, in Opera und im Firefox leider nicht.
Ziel ist es, dass bei einem MouseOver die Schrift um 2px nach rechts und ein wenig nach unten verschoben wird.
In Opera und Firefox verschiebt sich die Schrift allerdings nur um die beiden Pixel nach rechts.

Vielleicht weiß ja jemand, woran das liegen könnte, hier ein Auszug aus der .css Datei:


.navi:link { color:#FF6633;
font-size:12px;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
vertical-align:super;
padding-left:10px;
}

.navi:visited { vertical-align:super;
padding-left:10px;
text-decoration:none;
font-size:12px;
color:#FF6633;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.navi:hover { color:#FF6633;
font-size:12px;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
vertical-align:text-top !important;
padding-left:12px;
}

.navi:active { vertical-align:super;
padding-left:10px;
text-decoration:none;
font-size:12px;
color:#FF6633;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.navi:focus { vertical-align:super;
padding-left:10px;
text-decoration:none;
font-size:12px;
color:#FF6633;
font-family:Verdana, Arial, Helvetica, sans-serif;
}



Aufgerufen werden die Buttons in der Navileiste mit:

<a class="navi" onfocus="if(this.blur) this.blur()" href="'.$url.'" target="'.$frame.'">


Wer sich die Seite mal anschauen möchte: http://www.serv-is.de


Vielen Dank schon mal für eure Mühen!

Gruß Bakan[/url]
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Hilfe css Menu center xXcyberXx CSS 5 28.11.2010 19:51
CSS Navigation - Problem mit IE6 pcklinik CSS 4 18.09.2007 12:04
Darstellungsproblem CSS Navigation im IE7 pcklinik CSS 7 09.09.2007 17:25
CSS Einsteiger bittet um Hilfe pcklinik CSS 0 06.09.2007 14:40
probleme mit nem hover Effekt ;-( 18inch CSS 3 06.12.2004 17:33


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:52 Uhr.