Hulp gevraagd met iframe.

Oi allemaal.

Om allemaal te zien wat ik bedoel. Ga even naar http://weblog.sverschuren.com. In Firefox doet hij het nog niet mooi, (in Safari weet ik het niet) maar wat ik dus wil is het volgende.

Het iframe moet scrollen als je over ‘up’ of ‘down’ gaat. Dit lukt.

MAAR. Ik wil dus dat het plaatje veranderd. Net zoals ‘archief’ ernaast, moet het plaatje als ik erover heen ga met mijn muis veranderen in een lichter kleurtje.

Dat wil ik dus zo bereiken:

[code:1:6722738aa2]<a href="#" onMouseover=“scrollspeed=-2” onmouseover=“MM_swapImage(‘Image10’,’’,‘img/up2.gif’,1)” onMouseout=“scrollspeed=0” onmouseout=“MM_swapImgRestore()” ><img src=“img/up1.gif” name=“Image10” width=“54” height=“20” border=“0” id=“Image10” /></a>[/code:1:6722738aa2]

Maar zoals je ziet, krijg ik dan 2 ‘OnMouseout’ en ‘OnMouseOver’ functies. Hoe moet ik die inéén plakken?

Merci alvast :slight_smile:

[code:1:dde8485dcd] <a href="#" onmouseover="MM_swapImage('Image10','','img/up2.gif',1) scrollspeed=-2" onmouseout="MM_swapImgRestore() scrollspeed=0"><img src="img/up1.gif" name="Image10" width="54" height="20" border="0" id="Image10" /></a> [/code:1:dde8485dcd]

Zo, denk ik maar eigenlijk zou je css veel beter kunnen gebruiken voor het veranderen van het plaatje.

Nop doet het niet..

Maar hoe moet ik dat doen met CSS dan? Vertel :slight_smile:

Ik maak wel alle opmaak in een CSS bestand.

[code:1:b7e40d8290] <a href="#" onmouseover="MM_swapImage('Image10','','img/up2.gif',1); scrollspeed=-2" onmouseout="MM_swapImgRestore(); scrollspeed=0"><img src="img/up1.gif" name="Image10" width="54" height="20" border="0" id="Image10" /></a> [/code:1:b7e40d8290]

Probeer het nog eens:D
Ik zou CSS uit kunnen leggen, maar dat lukt niet zo 12 3(heb ook niet zoveel tijd),
je zou even kunnen googlen op CSS Rollover Images

Yeehaa zo lukt ie ook :)

Merci!

Heb nog een vraagje.

In Internet Explorer doet hij het gewoon. Maar niet in Firefox. Dat ‘site network’ balkje rechtsboven is in FF teveel naar onderen terwijl IE hem wel goed weergeeft… :cry:

[quote:95562fa056="SebastiaanV"]Heb nog een vraagje.

In Internet Explorer doet hij het gewoon. Maar niet in Firefox. Dat ‘site network’ balkje rechtsboven is in FF teveel naar onderen terwijl IE hem wel goed weergeeft… :cry:[/quote:95562fa056]

Dat komt omdat je die in een P element zet, en dat heeft standaard een margin.

[code:1:95562fa056] p#bar { margin:0;}[/code:1:95562fa056] kan het oplossen, als je die balk een id “bar” geeft.

Verder gebruik je overal align=right etc. en dat mág wel in XHTML transitional, maar zover ik weet is dat deprecated. Dat soort dingen kun je beter in CSS regelen.

Voor iemand die webdesign aanbied heb je er wel weinig kaas van gegeten :wink:

[quote:24bb792ccf="joostbastings"]Voor iemand die webdesign aanbied heb je er wel weinig kaas van gegeten ;)[/quote:24bb792ccf] design is ook wat anders als een website MAKEN. Een auto-ontwerper kan ook geen auto maken ;)