Mouse over link/billede



Vejledning i title:

1. Find det hyperlink i din html-kode - som du vil tilføje tekst ved "mouse over".
Eksempel:
Det kan se således ud: <a href="http://www.gilau.dk">Gitte Lauritsen</a>


2. Hvis jeg nu vil tilføje teksten "Besøg min hjemmeside" - som vises, når man holder musen over linket, skal der tilføjes følgende: title="Besøg min hjemmeside"

Dette skal indsættes efter adressen, der er afsluttet med ", men indenfor klammerne < >


3. Det kommer nu til at se således ud: <a href="http://www.gilau.dk" title="Besøg min hjemmeside">Gitte Lauritsen</a>

Resultat (Hold musen henover): Gitte Lauritsen

::::::::::::::::::::::::::::::::::::::::::::::::::::

Ved billeder:
Hvis det drejer sig om et billede kan man udfylde alt="billedtekst her"
Det virker i IE (Internet Explorer) men ikke i Mozilla. (Jeg ved ikke hvordan det forholder sig med andre Browsere.)
IE prioterer at vise teksten i alt fremfor i title, så har du udfyldt dem begge, vil alt teksten komme frem i IE. I Mozilla vil title komme frem.
Det er altid en god ide at udfylde alt-teksten/attributen ved billeder! For hvis man af en eller anden grund ikke kan se billedet, vil man istedet se den tekst, der står i alt=""
Jeg vil tro at du er helgarderet, hvis du skriver det samme i både alt og title ved et billede-link.

Eks. (ikke et link): <img alt="Besøg Teknik og Sjov" src="../../125x125.jpg" height="125" width="125" />

Eks. (link): <a href="http://www.gilau.dk/teknikogsjov" title="Besøg Teknik og Sjov"> <img alt="Besøg Teknik og Sjov" src="../../125x125.jpg" height="125" width="125" /></a>

Resultat (link):

Besøg Teknik og Sjov



Her et eksempel, hvor billedet ikke kan vises:

Besøg Teknik og Sjov
(Mozilla laver dette til et tekst-link, selvom det er et billede)

Se evt. også Mouse over table


 Links vedr. links


html-faq.dk - Farve og baggrund på links (css)
Teknik og Sjov - HTML huskeliste. Cursor, nyt vindue, fjern understegning.
WebCafe.dk - Er lukket men - se evt. mirrow
HTML.dk - Lektion 8: Links

Andre:
Teknik og Sjov - Webdesign - Flere gode Links.
Teknik og Sjov - Om Webdesign - brugervenlighed/om billedfiler.
Teknik og Sjov - Computerting - Om billedfiler.

Hvad er tags og attributes? - Læs lektion 3 og 7 på html.dk