21.03.2007 # Webdev, Tags: , , , , .17 Kommentare, Kommentar-Feed,

Retweet

DomTab Safari Frage

Ich bin von Christian Heilmanns DOMTab immer wieder sehr angetan. Eine tolle saubere Lösung. Eine Frage bezüglich der Darstellung in Safari hätte ich allerdings und hoffe, ihr könnt mir vielleicht helfen. Ganz im Gegensatz zu Firefox und dem IE stellt Safari die h2 des aktuell ausgewählten Tabs mit einem dicken blauen Rand dar. Wer weiß, wie man diese Verhalten unterbinden kann? Danke im Voraus!

Update: Rolf hat das Problem gelöst:

a:focus { outline: none; }

Mehr braucht es nicht :-) . Danke!

17 Kommentare zu “DomTab Safari Frage”

  1. Dirk Ginader sagt:
    21.März.2007 um 9:57

    Hallo Manuela,
    der schnellste Weg ist die Zielanker nicht länger um den Text der Headlines zu wrappen.
    Bisher:
    How to use DOMtab
    Ohne Rahmen im Safari:
    How to use DOMtab
    Ich suche aber gerade auch einen Weg, dass Problem von Javascript-Seite aus zu lösen. Ich lasse es Dich wissen, wenn ich da ein Ergebnis habe.

  2. Manuela sagt:
    21.März.2007 um 10:00

    Danke Dir, Dirk!

  3. Dirk Ginader sagt:
    21.März.2007 um 10:01

    Oh, Deine Kommentar-Funktion interpretiert das HTML. Hier also nochmal mit encodiertem HTML:
    Bisher:
    <h2><a name=»how« id=»how«>How to use DOMtab</a></h2>
    Ohne Rahmen im Safari:
    <h2><a name=»how« id=»how«></a>How to use DOMtab</h2>

  4. Rolf sagt:
    21.März.2007 um 10:05

    Ohne den Link verändern zu müssen, würde ich folgendes empfehlen:

    a:focus { outline: none; }

    Zumindest in CSSEdit funktioniert es und der dürfte auch WebKit zum rendern verwenden.

    Wenn man im sonstigen Dokument die Link-Markierungen haben will, kann man es ja auch genau auf das h2-Element einschränken.

  5. Manuela sagt:
    21.März.2007 um 10:10

    Wie gut, dass es dieses Blog gibt.

    @Rolf: DANKE, perfekt!

  6. Rolf sagt:
    21.März.2007 um 10:41

    Gerne!

  7. /T sagt:
    21.März.2007 um 10:58

    Wobei man sich mit dem Wegnehmen des Fokus wiederum die Tastaturnutzer abschiesst, die nun nicht mehr wissen, wo sie gerade hingetabbt haben.

  8. Manuela sagt:
    21.März.2007 um 11:06

    Wobei das in Safari leider eh nicht korrekt funktioniert. Dem focus sollte man dann vielleicht eine etwas layoutfreundlichere Formatierung z.B. per underline geben :-) .

  9. Mathias sagt:
    28.März.2007 um 9:10

    Was funktioniert denn da beim Safari nicht korrekt?

  10. Manuela sagt:
    28.März.2007 um 9:14

    Die Fokusanzeige.

  11. /T sagt:
    28.März.2007 um 9:16

    Was ist denn an der Art und Weise wie Safari das macht nicht korrekt? Mac-Browser machen das seit dem IE (Friede seiner Asche) so.

  12. Manuela sagt:
    28.März.2007 um 9:19

    Vielleicht ist es auch nur mein Safari aber Tabben und DOMTab arbeiten bei mir nicht zusammen.

  13. Mathias sagt:
    28.März.2007 um 10:19

    Bei mir funktioniert es. Leider muss man beim Safari die Bedienung per Tastatur extra in den Einstellungen aktivieren. Ansonsten wüsste ich jetzt auch nicht, woran das liegen könnte …

  14. /T sagt:
    28.März.2007 um 11:08

    @Manuela: Safari → Einstellungen → Erweitert → Bedienungshilfen → ›Über Tabulator jedes Objekt einer Web-Seite hervorheben‹ ?

  15. Manuela sagt:
    28.März.2007 um 11:14

    Doooooh … *ziehtdenkopfein* Danke!

  16. Thorsten sagt:
    26.April.2007 um 21:43

    Was kann man denn dagegen machen, daß bei Opera die h2 a beim ausgewählten Tab immer gleich markiert ist? Ist doch ein ähnliches Problem.

  17. einfach persoenlich Weblog sagt:
    17.Mai.2007 um 18:46

    CSS Hacks & Tipps – eine PDF-Sammlung/Whitepaper…

    Pfiffige Lösungen für knifflige CSS-Probleme sammelt Chris Thomas in einem Artikel nebst Whitepaper von Tailored Solution. Ein Download, dessen Studium sich für alle CSS-Interessierten besonders lohnt. Tipps, Hacks und Workarounds f&uum…