HTML gelbes Infofeld bei Mousover

[ArcadiCobra]

Hallo, ich lerne gerade HTML und ich muss diese Hausübung machen. Leider weis ich nicht wie man das gelbe Infofeld beim Bild "BHAK Weiz" erzeugt und ich meinem Skript, das ich habe, hab ich auch nix gefunden und der ein oder andere Versuch über Google zum Erfolg zu kommen nutzte nichts.

Ich hoffe jemand kann den Code posten. Danke schonmal.

 

[Backslash]

Das wird bei Bildern eigentlich immer angezeigt und ist einfach der Inhalt des alt-Attributs:

<img alt="Ein Bild" src="bild.jpg" />

Normalerweise eine beschreibung des Bildes falls es nicht angezeigt werden kann.

quark^^

 

[Turbostaat]

Falsch, das alt Attribute ist für Textbrowser gedacht die keine Bilder anzeigen, dafür wird dann die "alt"ernative angezeigt.

Das was du eintragen musst ist title=" " also Beispiel

<img src="bild.jpg" alt="Hier ist ein Bild" title="BHAK Weiz"" />

Das wäre dann auch valide

PS: Ich hoffe ihr lernt vernünftig HTML und auch wie man eine Seite designt und zwar ohne Tabellen, aber mit CSS.

 

[Backslash]

Ganz genau, wenn das Bild nicht angezeigt werden kann, z.B. in einem Textbrowser O.o

 

[Turbostaat]

Es geht hier aber um das kleine gelbe Textfensterchen was auftaucht wenn man mit dem Cursor über das Bild geht und darüber stehen bleibt.
Der alt Tag ist dafür da, für Textbrowser eine Info zu hinterlegen bzw wenn die Grafik nicht geladen wird / werden kann, der title Tag für das kleine Infotextfenster...

Und genau das wollte der Threadersteller haben und nicht den Alternativtext so wie du ihm das gesagt hast.

 

[Backslash]

Jetzt hab ich's verstanden.. ja, hast recht, hatte ich vergessen

 

[ichhalt123]

also wenn man sich den Code hier im Forum ansieht, sieht man ja das sobald man mit der Maus über ein Avatar geht der Text mit "Benutzerbild von...." kommt.

jetzt mal den Code anhnad dem Bild von Backslash (war der nächstbeste )

<a href="member.php?u=207582"><img src="https://pics.computerbase.de/avatare/benutzer/avatar207582_16.gif" width="71" height="80" [B]alt="Benutzerbild von Backslash"[/B] border="0" /></a>

dabei sieht man dass das verwendete Atrribut "alt" ist und nich "title"


<edit text=wenn ich so drüber nachdenk könnte es auch sein das das automatisch vom Browser so interpretiert wird />

 

[Turbostaat]

Dann deaktiviere mal dein Javascript und geh dann auf dein Benutzerbild.... ups da kommt ja gar nichts mehr. Du kannst ja gerne mal eine Textdatei und meinen Quellcode ausprobieren und du siehst das es funktioniert und auch korrekt ist.

 

[ArcadiCobra]

Die erste Antwort hat mir schon gehofen, danke vielmas dafür und natürlich auch für die anderen Antworten.

hab das einfach so gemacht

<img alt="BHAK Weiz" src="../Eigene Dateien/Schule/schullogo.jpg">

 

[chorn]

Hi,

schade, dass du dich dafür entschieden hast, es "einfach" falsch zu machen, anstatt bis zum zweiten, korrigierenden Posting zu lesen und es dementsprechend richtig zu machen.

MfG, Christian.

 

[Einhörnchen]

Das mit title ist richtig, ich würde das alt Attribut ergänzend angeben um der W3C Empfehlung zu folgen und behindertengerecht zu sein.

 

[ArcadiCobra]

Ok, hab mir das vorher nicht anständig durchgelesen und hab das jetzt auch mit "title" gemacht.
Danke nochmals.