[HTML] a functie

Gestart doorFreestyle17 dec 201117 reacties7 weergaven

18 berichten · pagina 1 van 2

Lid · Topicstarter

Berichten: 7.681
Reputatie: 0
Punten: 0,00

Lid sinds: 2010
Laatst gezien: 12 jun 2025

17 dec 2011, 18:29

Ik ben bezig met een menu. En nu wil ik als hij active is (a:active) Dat hij het plaatje de bottom er van laat zien.
Maar het lukt niet echt, wie weet hoe ik dit dan wel kan doen?

Nu heb ik zoiets:

html:

Spoiler tonen

<li>
                        <a href="index" title="Homepage - VanMarijn" >
                        <img id="home" src="images/menu/home.png" alt="VanMarijn - home" /></a>
                    </li>
                       <li>
                        <a href="index" title="Portfolio - VanMarijn" id="port">
                        <img src="images/menu/port.png" alt="VanMarijn - Portfolio" /></a>
                    </li>
                    <li>
                        <a href="index" title="Contact - VanMarijn" id="contact">
                        <img src="images/menu/contact.png" alt="VanMarijn - contact" /></a>
                       </li>

Css:

Spoiler tonen

#home:link {background:top no-repeat; width:78px; height:56px;}
#home:active {background:bottom no-repeat; width:78px; height:56px;}

#port:link {background:top no-repeat; width:78px; height:56px;}
#port:active {background:bottom no-repeat; width:78px; height:56px;}

#contact:link {background:top no-repeat; width:78px; height:56px; margin-left:4px;}
#contact:active {background:bottom no-repeat; width:78px; height:56px;}

Jvdw

Lid

Berichten: 4.321
Reputatie: 0
Punten: 0,00

Lid sinds: 2010
Laatst gezien: 13 sep 2025

17 dec 2011, 19:11

kan je het iets beter uitleggen ik snap het niet

Freestyle

Lid · Topicstarter

Berichten: 7.681
Reputatie: 0
Punten: 0,00

Lid sinds: 2010
Laatst gezien: 12 jun 2025

17 dec 2011, 19:16

Je kan met een plaatje kiezen of je de boven/onder/midden kant kan laten zien door top, center, bottom mits je er een height aan geeft.

Nu wil ik dat ook doen. Als hij dan active is dan moet hij op bottom staan. Is hij niet op active dan moet hij op top staan. Maar dat lukt niet helemaal.

Jvdw

Lid

Berichten: 4.321
Reputatie: 0
Punten: 0,00

Lid sinds: 2010
Laatst gezien: 13 sep 2025

17 dec 2011, 19:22

ik snap het nog steeds niet maar doe is zo:

#home a:active

Freestyle

Lid · Topicstarter

Berichten: 7.681
Reputatie: 0
Punten: 0,00

Lid sinds: 2010
Laatst gezien: 12 jun 2025

17 dec 2011, 19:24

Dat is als de link active is dan laat ie de bottom van het plaatje zien. Maar hij luistert helemaal niet naar die css (background:

gedeelten.
Ook niet bij de top.

Jvdw

Lid

Berichten: 4.321
Reputatie: 0
Punten: 0,00

Lid sinds: 2010
Laatst gezien: 13 sep 2025

17 dec 2011, 19:25

ja je hebt a er niet bij staan?

toevoeging op 17 december 2011, 19:26:40:
probeer dit:

#home a:link {background:top no-repeat; width:78px; height:56px;}
#home a:active {background:bottom no-repeat; width:78px; height:56px;}

#port a:link {background:top no-repeat; width:78px; height:56px;}
#port a:active {background:bottom no-repeat; width:78px; height:56px;}

#contact a:link {background:top no-repeat; width:78px; height:56px; margin-left:4px;}
#contact a:active {background:bottom no-repeat; width:78px; height:56px;}

Freestyle

Lid · Topicstarter

Berichten: 7.681
Reputatie: 0
Punten: 0,00

Lid sinds: 2010
Laatst gezien: 12 jun 2025

17 dec 2011, 19:27

Die doet het ook niet.

Is er misschien niet een andere manier om te doen??

Jvdw

Lid

Berichten: 4.321
Reputatie: 0
Punten: 0,00

Lid sinds: 2010
Laatst gezien: 13 sep 2025

17 dec 2011, 19:44

ik wil je graag helpen maar ik snap niet wat je wilt

Freestyle

Lid · Topicstarter

Berichten: 7.681
Reputatie: 0
Punten: 0,00

Lid sinds: 2010
Laatst gezien: 12 jun 2025

17 dec 2011, 19:49

Ik zoek ff een voorbeeld.

toevoeging op 17 december 2011, 19:52:21:
Als je bijvoorbeeld op dumpert in het menu op toppers klikt dan word toppers groen ipv nieuw.
nu wil ik dat ook. Alleen dan met plaatjes. En ik wil niet current gebruiken omdat ik het uiteindelijk wil gaan include met php.

Jvdw

Lid

Berichten: 4.321
Reputatie: 0
Punten: 0,00

Lid sinds: 2010
Laatst gezien: 13 sep 2025

17 dec 2011, 19:58

#10

je wilt als je klikt, dat het plaatje veranderd?

Freestyle

Lid · Topicstarter

Berichten: 7.681
Reputatie: 0
Punten: 0,00

Lid sinds: 2010
Laatst gezien: 12 jun 2025

17 dec 2011, 20:08

#11

Ja, dat daar komt het eigenlijk wel op neer

~~een makkelijke manier om het te zeggen~~

Jvdw

Lid

Berichten: 4.321
Reputatie: 0
Punten: 0,00

Lid sinds: 2010
Laatst gezien: 13 sep 2025

17 dec 2011, 20:16

#12

hebje een afbeelding hoe je het wilt?

Freestyle

Lid · Topicstarter

Berichten: 7.681
Reputatie: 0
Punten: 0,00

Lid sinds: 2010
Laatst gezien: 12 jun 2025

17 dec 2011, 20:37

#13

http://free-templates.nl/download/templates/creevykeel/preview/index.html#
http://free-templates.nl/download/templates/vertebrate/preview/index.html

Zoiets, alleen dat is denk ik full css. Ik wil dat dan met een plaatje.

Maartenl

Lid

Berichten: 5.897
Reputatie: 0
Punten: 0,00

Lid sinds: 2011
Laatst gezien: 27 sep 2025

17 dec 2011, 21:11

#14

js mouseover ?

Jvdw

Lid

Berichten: 4.321
Reputatie: 0
Punten: 0,00

Lid sinds: 2010
Laatst gezien: 13 sep 2025

17 dec 2011, 21:18

#15

<SCRIPT LANGUAGE="JavaScript">
loadImage1 = new Image();
loadImage1.src = "http://www.one2xs.com/img/avatars/freestyle.jpg";
staticImage1 = new Image();
staticImage1.src = "http://www.one2xs.com/img/avatars/jvdw.png";
</script>
<span onmouseover="image1.src=loadImage1.src;" onmouseout="image1.src=staticImage1.src;">
<img name="image1" src="http://www.one2xs.com/img/avatars/jvdw.png" border=0></span>

test dit maar is, wil je zoiets?

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.