|
||||
Ich setze die Sprunglinks ja auf Seiten mit den verschiedensten Inhalten ein.
Hier zum Beispiel http://www.koblenz-metternich.de/inf...ne-februar.php dient der Sprunglink dazu, dass ein Reader-Benutzer direkt an die Veranstaltungen "herankommt" und die Schalterleiste mit der Umschaltfunktion für die Monate überspringen kann. Sich die jedesmal vorlesen zu lassen, wäre bestimmt nicht amüsant!? Aber auf dieser Seite hat der Tastaturbenutzer nichts vom Sprunglink - er braucht ihn schlichtweg gar nicht! Nach unten bewegt er sich doch sowieo mit der Pfeiltaste. So sind auf sehr vielen Seiten die Bedingungen jedesmal andere! @terry: Ich hatte für den Nav-Sprung die Farben vertauscht - ist wieder korrigiert! Aber danke für den Hinweis!
__________________
Informationen aus Koblenz-Metternich ----------------------------------- "Wissen heißt, Fragen zu erwerben." Geändert von Dieter (08.12.2008 um 00:48 Uhr) Grund: Link geändert |
Sponsored Links |
|
||||
Jetzt habe ich das ganze mal so probiert, um den Link bei :active und :focus sichtbar zu machen:
Code:
/* Link */ a.sprung, a.sprung:link, a.sprung:visited, a.sprung:hover { background: #FFFFCC; color: #FFFFCC; font-size: 1%; cursor: pointer; } a.sprung:focus, a.sprung:active { color: #0033FF; font-size: 100.01%; cursor: auto; } /*DIV-Container für den Link */ .sprung { width: 0; margin: 0px; padding: 0px; height: .1px; line-height: 0; overflow: hidden; } .sprung:focus, .sprung:active { width: auto; margin: 0px; padding: 0px; height: auto; line-height: normal; overflow: visible; } Wat nu?
__________________
Informationen aus Koblenz-Metternich ----------------------------------- "Wissen heißt, Fragen zu erwerben." |
Sponsored Links |
|
||||
Schaut Euch doch bitte das Verhalten dieser (Test)Seite im IE an:
http://www.koblenz-metternich.de/inhaltsverzeichnis.php Im FF kommt der Link auch nicht - aber im IE ist es die reinste Katastrophe beim Tabben! Die CSS zu den Sprunglinks ist wie im Beitrag oben; ist aber auch im Quelltext der Datei abgelegt! Gehen :focus und :active nicht in Verbindung mit DIV? Nachtrag:Testseite ist wieder gelöscht!
__________________
Informationen aus Koblenz-Metternich ----------------------------------- "Wissen heißt, Fragen zu erwerben." Geändert von Dieter (08.12.2008 um 00:49 Uhr) Grund: Link geändert |
|
||||
Ich Dussel - die lösung war doch so einfach!
Bitte sehr: Code:
a.sprung, a.sprung:link, a.sprung:visited, a.sprung:hover { background: #FFFFCC; color: #FFFFCC; font-size: 1%; cursor: pointer; } a.sprung:focus, a.sprung:active { background:#CAE1FF; color: #0033FF; font-size: 100.01%; cursor: auto; } .sprung { margin: 0px; padding: 0px; overflow: hidden; } Danke!
__________________
Informationen aus Koblenz-Metternich ----------------------------------- "Wissen heißt, Fragen zu erwerben." Geändert von Dieter (08.12.2008 um 00:50 Uhr) Grund: Link geändert |
|
||||
Sorry, war in meiner Freude zu voreilig!
In jeder Seite funktioniert immer nur der erste Sprunglink; sobald man den zweiten bestätigt, springt der Fokus zum Seitenanfang! Oje, das kostet Nerven! Nachtrag: Ich mache jetzt alles rückgängig und fange von vorne an! Testen lohnt also vorläufig nicht! Danke!
__________________
Informationen aus Koblenz-Metternich ----------------------------------- "Wissen heißt, Fragen zu erwerben." |
|
||||
So, jetzt aber!
Der IE verträgt bei Sprungbefehlen keine Klassen und IDs gleichzeitig! Das war es! Beispielseite: www.koblenz-metternich.de/gewerbe.php Der Code sieht jetzt so aus: Code:
div.sprung { margin: 0; padding: 0; } a.sprung, a.sprung:link, a.sprung:visited, a.sprung:hover { background: #FFFFCC; color: #FFFFCC; margin: 0px; padding:0px; cursor: text; } a.sprung:focus, a.sprung:active { background: #CAE1FF; color: #0033FF; margin: 0px; padding:0px; cursor: text; } #sprungziel1, #sprungziel2, #sprungziel3, #sprungziel4, #sprungziel5, #sprungziel6, #sprungziel7, #sprungziel8, #sprungziel9 { width: 0; margin: 0px; padding: 0px; height: .1px; line-height: 0; overflow: hidden; } Weiss jemand eine Lösung? Danke!
__________________
Informationen aus Koblenz-Metternich ----------------------------------- "Wissen heißt, Fragen zu erwerben." |
|
||||
Meinst Du
Code:
a.sprung, a.sprung:link, a.sprung:visited, a.sprung:hover { display:none; }
__________________
Informationen aus Koblenz-Metternich ----------------------------------- "Wissen heißt, Fragen zu erwerben." |
|
|||
Zitat:
Die sind nicht nur für Blinde, sondern auch für Leute, die die Seite mit Tabs statt mit der Maus bedienen. Dieter, so finde ich es jetzt gut! Wie das mit Opera geht, weiß ich leider auch nicht - frag Thomas! (Wird schon gehen- mit Opera geht alles, nur weiß ich meist nicht, wie... - dieser Browser erfordert ein Handbuch, dass man erst studieren muß, ehe man den richtig bedienen kann ). |
Sponsored Links |
|
||||
Hallo, terry!
Natürlich hätte ich die Links gern "unsichtbar", aber natürlich nicht um den Preis des Funktionsverlustes! Für Opera warte auch ich auf toscho; der IE war schon schlimm genug! Ich habe gestern etwa 5 Stunden alle mir einfallenden Varianten durchprobiert. Uff!
__________________
Informationen aus Koblenz-Metternich ----------------------------------- "Wissen heißt, Fragen zu erwerben." |
Sponsored Links |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Problem mit Dropdown Auswahlmenü u. Sprunglinks | andreas' | CSS | 9 | 28.09.2010 13:23 |
Script für Sprunglinks | klootzak | Javascript & Ajax | 3 | 03.10.2008 00:33 |
Sprunglinks (mal wieder) | lal | Barrierefreiheit | 11 | 13.03.2007 13:55 |
Sprunglinks und Sprungziele | Dieter | Barrierefreiheit | 5 | 18.02.2005 09:50 |