På jakt etter en effekt

På jakt etter en effekt

Innleggav srb » tir 15.07.2008 10:30

Regner med at CSS forumet er ok til følgende:

jeg er på jakt etter en funksjon som gjør det mulig å få til følgende...
når man har musen over et klikkbart område skal det komme en tekst som indikerer hvor du havner dersom du trykker på området. Jeg mener ikke slik "tekst til bilde" tekst altså- Denne teksten skal programmeres til å vises i et eget område på siden, når musen kommer inn i dette aktuelle området.
medlem i 193 måneder
 

Re: På jakt etter en effekt

Innleggav decodex » ons 16.07.2008 3:21

Vel, siden dette er et «klikkbart område» regner jeg med vi snakker om en lenke, og ikke noe aktivert via JavaScript. Da har man pseudo-velgeren :hover som kan utnyttes til en slik effekt.

La oss ta litt enkel HTML som:
Kode: Merk alt
<a href="http://...">Lenketekst <span class="info">Denne lenken ...</span></a>

Så kunne vi brukt følgende CSS for å skjule/vise span med ekstra info:
Kode: Merk alt
a span.info { display: none }
a:hover span.info { display: block }

Så er det opp til deg å stilisere span.info mer, f.eks. bruke absolutt posisjonering for at den skal vises et fast sted uansett hvor lenken befinner seg.

I tillegg kan det jo nevnes en noe mer avansert metode, hvor man slanker HTML noe. Merk dog at dette ikke vil fungere i Internet Explorer 6 i alle fall. HTML:
Kode: Merk alt
<a href="http://..." title="Info om lenken...">Lenketekst</a>

CSS:
Kode: Merk alt
a:after { display: none; content: attr(title) }
a:hover:after { display: block }

Brukerens avatar
medlem i 217 måneder
 

Re: På jakt etter en effekt

Innleggav srb » ons 16.07.2008 12:19

Takk!
:-D
medlem i 193 måneder
 


Returner til CSS



Hvem er i Forumene

Registrerte brukere: Ingen registrerte brukere



cron