---

Hejsa

Jeg har en liste over links og så vil jeg gerne vise en beskrivelse af
hvert link når musen føres henover...

Altså når musen ikke er henover:

# | Link
---+------------------
1 | http://google.com
----------------------
2 | http://jubii.dk

og når musen er over det første:

# | Link
---+------------------------------------------
1 | http://google.com
| Det er skam en ganske nydelig søgemaskine
----------------------------------------------
2 | http://jubii.dk

Kan det laves i ren CSS?

Mvh.
/Thomas

---

Thomas Lindgaard skrev:

> Jeg har en liste over links og så vil jeg gerne vise en
> beskrivelse af hvert link når musen føres henover...

Den slags gøres med title-parameteren:

<a href="http://google.com" title="Det er skam en ganske nydelig
søgemaskine">Google</a>.

Title er beregnet til korte beskrivelser af html-elementer - og det
kan bruges på meget andet end links - fx:

<img src="hund.jpg" title="Rollo" alt="Hunden Rollo" />

(Bemærk her at alt-teksten vises hvis billedet ikke vises, mens
title-teksten vises sammen med billedet)


> Kan det laves i ren CSS?

Nej - men ren html.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

"Jens Gyldenkærne Clausen" <jens@gyros.invalid> wrote in message
news:Xns9443C81DE6E7jcdmfdk@gyrosmod.cybercity.dk...
> Thomas Lindgaard skrev:
>
> > Jeg har en liste over links og så vil jeg gerne vise en
> > beskrivelse af hvert link når musen føres henover...

> > Kan det laves i ren CSS?
>
> Nej - men ren html.

Jo, det kan det da godt. Hvis teksten skal stå på siden under linket.

Sæt alle beskrivelserne på siden, og giv dem hvert et unikt id.
I dit stylesheet laver du så noget i stil med:
#tekst1 a {display: hidden;}
#tekst1 a.hover { display: visible;}

Håber du fangede idéen.

---

Den 30-11 2003 skrev Benny Nissen i dk.edb.internet.webdesign.html:

> Sæt alle beskrivelserne på siden, og giv dem hvert et unikt id.
> I dit stylesheet laver du så noget i stil med:
> #tekst1 a {display: hidden;}
> #tekst1 a.hover { display: visible;}
>
> Håber du fangede idéen.

Erik Meyer's css/edge har et eksempel
<http://www.meyerweb.com/eric/css/edge/popups/demo.html>

--
Dino

Verdens største samling af danske
script og moduler til Hamsteren
<http://starcruiser.dk/hamstersiden/>

---

[snip]

> Erik Meyer's css/edge har et eksempel
> <http://www.meyerweb.com/eric/css/edge/popups/demo.html>

Jup - det var det jeg mente. Jeg havde faktisk eksperimenteret med præcis
det samme men var lidt træt af at popup-teksten osse blev til et link (det
gør det jo så osse i dette eksempel, men det opdager man aldrig).

Ved nærmere eftertanke er jeg dog ikke sikker på at jeg vil bruge det
alligevel... det bliver vist noget interface-mæssigt huttelihut i den
tænkte sammenhæng (ting der åbner og lukker i hastigt trav når musen
bevæges hen over siden).

Men tak for input og links.

Mvh.
/Thomas

---

Hejsa

>> Jeg har en liste over links og så vil jeg gerne vise en
>> beskrivelse af hvert link når musen føres henover...
>
> Den slags gøres med title-parameteren:
>
> <a href="http://google.com" title="Det er skam en ganske nydelig
> søgemaskine">Google</a>.

Den slags som jeg har i tankerne kan ikke klares med title-parameteren...
jeg ønsker ikke at få teksten op som et "tooltip" men derimod "inde på"
selve siden.

Mvh.
/Thomas

---

Thomas Lindgaard skrev:

> Den slags som jeg har i tankerne kan ikke klares med
> title-parameteren... jeg ønsker ikke at få teksten op som et
> "tooltip" men derimod "inde på" selve siden.

O.k. - det var jeg ikke klar over. Så passer det andet svar bedre.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html