|
|||
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] |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Hilfe css Menu center | xXcyberXx | CSS | 5 | 28.11.2010 20:51 |
CSS Navigation - Problem mit IE6 | pcklinik | CSS | 4 | 18.09.2007 13:04 |
Darstellungsproblem CSS Navigation im IE7 | pcklinik | CSS | 7 | 09.09.2007 18:25 |
CSS Einsteiger bittet um Hilfe | pcklinik | CSS | 0 | 06.09.2007 15:40 |
probleme mit nem hover Effekt ;-( | 18inch | CSS | 3 | 06.12.2004 18:33 |