G
Gast170816
Hallo,
ich dachte ich wüsste, wie das mit dem "focus" bei Links geht, also dass ich auch nur mit der Tab-Taste navigieren kann.
Jetzt hab ich festgestellt, dass das nur in IE und FF zu funktionieren scheint, aber bei Opera, Safari etc... passiert nichts, beim Drücken der Tab-Taste wird überhaupt nichts in der eigentlichen Webseite angesprochen.
Ich habe eine Seite, dort ein DIV header, darin eine Navigation UL navigation.
In IE und FF funktioniert es, dass die Navigationspunkte weiß sind und wenn ich tabbe, werden sie blau mit blauem Pünktchen-Rand.
Meine CSS:
Was ist falsch?
HTML und CSS sind getestet und valide.
Hab ich irgendne falsche Reihenfolge? Macht das hier so entscheidend was aus? ...ich gebe zu, die CSS ist vermutlich etwas unaufgeräumt.
PS: Außerdem hab ich auch noch skip-links eingebaut.
Die funktionieren in FF (die skip-links werden beim Tab-drücken als erstes angesprungen)... aber in IE stürzt das Ding ab sobald ich Tab drücke.
ich dachte ich wüsste, wie das mit dem "focus" bei Links geht, also dass ich auch nur mit der Tab-Taste navigieren kann.
Jetzt hab ich festgestellt, dass das nur in IE und FF zu funktionieren scheint, aber bei Opera, Safari etc... passiert nichts, beim Drücken der Tab-Taste wird überhaupt nichts in der eigentlichen Webseite angesprochen.
Ich habe eine Seite, dort ein DIV header, darin eine Navigation UL navigation.
HTML:
<div id="header">
<ul class="navigation">
<li><a href="index.html">start</a></li>
<li><a href="referenzen.html">referenzen</a></li>
<li><a href="links.html">links</a></li>
<li><a href="kontakt.php">kontakt</a></li>
</ul> <!--ul navigation-->
</div> <!--header-->
In IE und FF funktioniert es, dass die Navigationspunkte weiß sind und wenn ich tabbe, werden sie blau mit blauem Pünktchen-Rand.
Meine CSS:
Code:
a:link, a:visited {
color: #fffffb;
text-decoration: underline;
}
a:hover, a:active, a:focus {
color: #0ebfe9;
text-decoration: underline;
}
.navigation li {
display: inline;
margin-left: 30px;
font-size: 0.9em;
}
.navigation a:link,
.navigation a:visited,
.navigation a:active,
.navigation a:hover,
.navigation a:focus {
text-decoration: none;
}
#header ul li a:link,
#header ul li a:visited {
color: #cbcbcb;
}
#header ul li a:hover,
#header ul li a:active,
#header ul li a:focus {
color: #0ebfe9;
}
Was ist falsch?
HTML und CSS sind getestet und valide.
Hab ich irgendne falsche Reihenfolge? Macht das hier so entscheidend was aus? ...ich gebe zu, die CSS ist vermutlich etwas unaufgeräumt.
PS: Außerdem hab ich auch noch skip-links eingebaut.
Die funktionieren in FF (die skip-links werden beim Tab-drücken als erstes angesprungen)... aber in IE stürzt das Ding ab sobald ich Tab drücke.