[gelöst] CSS hover Effekt mit einem Bild Codeoptimierung +IE-Problem
Eingetragen von sklausing (288)am 17.06.2009 - 14:45 Uhr in
Ich bin gerade dabei mittels CSS für die Primary Links (oben rechts) einen schönen Hover-Effekt zu basteln. Basis ist hier das Garland theme.
Zu sehen ist das ganze unter http://www.steffen-klausing.de/content5/dp2/ .
Meine Kenntnisse in CSS sind eher bescheiden und ich lese und bastel mich schon seit Tagen in das Thema ein. Daher habe ich als Basis die style.css von Garland genommen und soweit es mein Wissen erlaubt angepasst.
Könnte mal jemand von Euch so nett sein und über die CSS (siehe Code) noch einmal drüber schauen ob da was weg kann oder widersprüchlich erscheint? Funktionieren tut es, nur das muss ja nix heißen.
/**
* Primary navigation
*/
ul.primary-links {
margin: 0;
padding: 0;
float: right; /* LTR */
position: relative;
z-index: 0;
}
ul.primary-links li {
margin: 0;
padding: 0;
float: left; /* LTR */
background-image: none;
}
ul.primary-links li a, ul.primary-links li a:link, ul.primary-links li a:visited {
display: block;
border: 5;
width: 100px;
height:32px;
margin: 0 0 0 0;
padding: 0 0 0 0;
color: #808080;
margin-top:0;
background: transparent url(images/button.gif) no-repeat ;
padding-top: 0px;
text-align: center;
}
ul.primary-links li a:hover, ul.primary-links li a.active {
color: #330000;
text-decoration: none;
padding-top: 2px;
margin-top:0;
background: transparent url(images/button.gif) no-repeat;
background-position: 0px -33px;
}Dann habe ich noch eine Frage zu den Links an sich.
Besucht man z.B. die Seite Bilder, dann ist im Firefox der Button gedrückt. Im IE aber nicht. Ich weiß auch beim besten Willen nicht wo ich da ansetzen soll.
Danke im voraus für eure Hilfe!
- Anmelden oder Registrieren um Kommentare zu schreiben
CSS
am 17.06.2009 - 15:03 Uhr
Moin.
Hab nur ganz (ganz) kurz über das CSS geschaut: ist eigentlich so in Ordnung.
Zum Thema nicht "gedrückte Schaltfläche": ich habs gerade im IE6, FF3, Safari und Chrome getestet. Es sieht in allen 4 Browsern gleich aus. Hast Du zwischenzeitlich etwas geändert?
hth,
Stefan
--
sei nett zu Deinem Themer
nein da hab ich nichts
am 17.06.2009 - 15:10 Uhr
nein da hab ich nichts geändert. Ich hab hier leider nur einen IE6 zum gegentesten. Da besteht das Problem.
Wenn ich die Seite http://www.steffen-klausing.de/content5/dp2/image aufrufe, dann ist bei mir im IE der Button "Bilder" oben nicht gedrückt. Im Firefox 3.0.11 und Opera 9.62 hingegen schon.
Wenn dies nur ein Problem des IE6 ist, dann würde ich vorläufig drüber hinweg sehen und mich später drum kümmern. Allerdings bleibt da das Problem, dass ich im Augenblick auch nicht weiß wo ich da ansetzen sollte.
IE6
am 17.06.2009 - 21:39 Uhr
Wie gesagt: auch ich habs im IE6 getestet (WinXP) und da sah es so aus, wie bei den anderen Browsern auch.
Stefan
--
sei nett zu Deinem Themer
hmm dann liegt es wohl an
am 18.06.2009 - 06:21 Uhr
hmm dann liegt es wohl an meiner Konfiguration des IE. Danke für Deine Bemühungen!