Maustext für Bild – aber kein grauer Rahmen mit Text

  • Avatar von Unbekannt
    seelengedankentagebuch · Mitglied ·

    Ich verzweifle. Wenn ich ein Bild in meinen Blog setze, möchte ich gerne, daß man den alternativen Text lesen kann, wenn man mit der Maus draufgeht. Aber ich will nicht diesen seltsamen grauen Rahmen um mein Bild, wo der Text sichtbar drauf steht. Alle Varianten und Möglichkeiten probiere ich tausendfach durch. Wenn ich Glück habe, klappt es bei manchen meiner Bilder, daß man den Text nur sieht, wenn man mit der Maus draufgeht. Bei anderen sieht man gar nix. Und den grauen Rand mit Text, den will ich nicht. Was mache ich falsch, wie kriege ich das hin, daß man mit der Maus über das Bild fährt und man dann den Text lesen kann, aber nicht gar nix lesen kann oder auch nicht diesen häßlichen grauen Rahmen drumherum??? Anfangs ging das supergut, ohne daß dieser Rahmen erschien, seit einiger Zeit kommt der immer, wenn ich den alternativen Text haben will. Was passiert da???
    Ellen Hoffmann

  • Avatar von Unbekannt
    zodiac1978 · Mitglied ·

    Dieser neue graue Kasten hängt mit der neuen Caption-Funktion zusammen (wohl am ehesten mit Bildunterschrift zu übersetzen).

    http://en.blog.wordpress.com/2008/07/24/image-captions/
    http://faq.wordpress.com/2008/07/24/image-settings-titles-descriptions-captions-etc/

    So richtig weiterhelfen kann ich dir da auch nicht, aber ein bisschen die Begriffe klären und ein bisschen HTML erläutern:
    Ein IMG-Tag (Image=Bild) enthält verschiedene Attribute:
    src=“Link-zum-Bild“ – src steht für Source=Quelle, also dem Link zum Bild selbst.

    alt=“Alternativtext“ – Dieser Text wird dargestellt, wenn das Bild nicht geladen wird(werden kann. Z.B. weil jemand in seinem Browser die Bilder ausgestellt hat. Dieser text ist auch wichtig für Suchmaschinen und wird *nicht* als MouseOver-Text angezeigt! Leider tut das der Internet Explorer trotzdem, was sehr verwirrend ist, denn dafür gibt es ein eigenes Attribut:

    title=“Titeltext“ – Dieser Text wird dargestellt, wenn man mit der Maus darüber fährt.

    Caption ist davon unabhängig.

    Nun zum HTML-Code aus der Praxis:
    <div id="attachment_897" class="wp-caption aligncenter" style="width: 410px"><img class="size-medium wp-image-897" src="LINK-ZUM-BILD" alt="Alternativtext" width="400" /><p class="wp-caption-text">Berliner Dom</p></div>

    So sieht z.B. ein Bild mit Caption und Alternativtext aus. Jetzt können wir einen Title hinzufügen und die Caption (den Div-Tag und den Paragraph=Absatz) entfernen.

    <img class="size-medium wp-image-897" src="LINK-ZUM-BILD" alt="Alternativtext" title="Titeltext" width="400" />

    Um den HTML-Code zu bearbeiten, entweder im VisualEditor auf den Code-Reiter klicken oder VisualEditor im Benutzerprofil ausschalten. (Das ist übrigens ein Unterschied! Die beiden HTML-Editoren, die man dann benutzt unterscheiden sich in ihrem Verhalten!)

    Konnte ich dir damit helfen?

    Gruß, Torsten

  • Avatar von Unbekannt
    seelengedankentagebuch · Mitglied ·

    Vielen Dank, Torsten, es hat geklappt, bin ganz happy! Hab mir das ausgedruckt, dann kann ich es immer nachsehen und bei jedem Bild anwenden. Danke! Gruß Ellen

  • Das Thema ‘Maustext für Bild – aber kein grauer Rahmen mit Text’ ist für neue Antworten geschlossen.