Avatar billede kren1000 Nybegynder
08. august 2006 - 11:45 Der er 6 kommentarer og
1 løsning

lille gif over tekst?

Hej eksperter

Jeg vil høre om det er muligt at gøre så der kommer en lille gif over en menutekst, ved mouseover? Menuen må ikke være et billede, men skal være ren tekst...
Avatar billede olebole Juniormester
08. august 2006 - 12:32 #1
<ole>

Ja, det er muligt ... men det er ikke muligt at give et fornuftigt eksempel uden vi ved noget om, hvordan det skal bruges  :)

/mvh
</bole>
Avatar billede kren1000 Nybegynder
08. august 2006 - 13:10 #2
Ok, her kommer et eksempel, ved ikke lige hvordan man laver links herinde;-)
: www.krenchristensen.dk/TEST/test/test.php

Meningen er dog at det skal være ren tekst link ligesom nedenstående, hvor der så kommer et billede ind over teksten som vist på linket, hvis det altså kan lade sig gøre således;) Håber det er nok forklaring...

<tr><td align='center' width='60px' class='menulink'><a href='index.php'>Forside</a></td>
Avatar billede kren1000 Nybegynder
08. august 2006 - 13:10 #3
Jo det vidste jeg så åbenbart godt hvordan man lavede links;)
Avatar billede olebole Juniormester
08. august 2006 - 13:39 #4
Du kunne f.eks. skrive denne script-blok i dit head-element:

<script type="text/JavaScript">
function myShow(id) {
    document.getElementById(id).style.display = "block";
}
function myHide(id) {
    document.getElementById(id).style.display = "none";
}
</script>

- og skrive sådan i din markup:

<tr><td align='center' width='60px' class='menulink'>
<div style="position:relative">
    <img id="gnu" src="pic.gif" style="position:absolute;left:10px;top:8px;display:none">
    <a href="side.php" onmouseover="myShow('gnu')" onmouseout="myHide('gnu')">Et tekstlink</a>
</div>
</td></tr>
Avatar billede olebole Juniormester
08. august 2006 - 13:40 #5
- måske du skal sætte et z-index på billedet, så det altid placerer sig øverst:

    <img id="gnu" src="pic.gif" style="position:absolute;left:10px;top:8px;display:none;z-index:2">
Avatar billede kren1000 Nybegynder
08. august 2006 - 14:06 #6
Det virker super, tak for det. Svar og du skal blive belønnet:-)
Avatar billede olebole Juniormester
09. august 2006 - 14:12 #7
Selvtak  ;o)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester