kein Tooltip zu sehen

  • Hallo,


    ich versuche gerade, ein Bild einzubinden. Klappt auch soweit, allerdings zeigt mir Firefox den Tooltip nicht an, und ich weiß nicht warum...


    Vielen Dank!




    <!DOCTYPE html>
    <html lang="de">
    <head>
    <meta charset="utf-8">
    <title>Beispielseite HTML5-Erledigtes</title> <!--taucht auf als Reitertext;Bookmark und 1.Zeile bei Google auf -->
    <meta name="description"
    content="Beispiel für Grundgerüst"> <!-- hier die nächsten zwei Zeilen bei Google -->
    </head>
    <body>
    <a href = "index.html">Startseite</a>
    <a href = "uebermich.html">Über mich</a>
    <a href = "empfehlungen.html">Empfehlungen</a>
    <a href = "linkmitbild.html">Link mit Bild</a>
    <a href = "Versuch0815.html">Versuch 0815</a>
    <a href = "brainstorm.html">Brainstorm</a>
    <a href = "listen.html">Welche Listenarten gibt es</a>
    <hr/>
    <a href = "todo.html">To-Do-Liste</a>
    <a href = "erledigteaufgaben.html">erledigte Aufgaben</a>
    <hr/>


    <h1>erledigte Aufgaben</h1>


    <ol>
    <li><img src= "bilder/test.png" width="145" height="216" alt="warum wird dieser text nicht angezeigt"/></li>
    </ol>


    </body>
    </html>

  • 1. Ist der Pfad richtig angegeben?


    2. Ich bin mir nicht sicher, ob es möglich ist, ein Bild innerhalb eines list-item zu platzieren.
    Versuche doch mal das Bild einfach so anzeigen zu lassen. Also außerhalb einer Liste. Wenn das dann klappt, liegt es an der Platzierung in der Liste, wenn nicht, habe ich keine Ahnung, woran es liegen könnte, außer dass der Pfad nicht richtig ist.

  • Hallo


    Grundsätzlich sollte auf versteckte Texte wie Tooltips verzichtet werden. Hover-Effekte gibt es bei Touchscreens zum Beispiel nicht und die Information wird der Mehrheit der User damit vorenthalten. Benutzerfreundlicher ist es allemal Texte (und damit Informationen) nicht zu verstecken.


    Das alt-Attribut ist nicht für Tooltips gedacht sondern soll den Text nur anzeigen wenn das Bild nicht vorhanden ist. Der IE hat sich daran leider einige Zeit nicht gehalten.


    Für Tooltips könnte das title-Attribut verwendet werden, halt mit allen Nachteilen bei Touchscreens oder für Tastaturbenutzer.


    Für zumindest barrierefreie Tooltips siehe zum Beispiel


    http://www.barrierefreies-webd…ltip/tooltip-mit-css.html


    oder


    http://www.barrierefreies-webdesign.de/knowhow/tooltip/


    Für ein Bild eine Liste zu erstellen entspricht auch nicht den Grundsätzen von HTML. Am sinnvollsten ist das dafür gedachte figure-Element mit dem zugehörigen figcaption-Element zu verwenden.


    Gruss


    MrMurphy

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!