Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Rollover images in een tabel met dynamische breedte

1 antwoord
  • Kan iemand mij helpen met het maken van een tabel in combinatie met joomla kom ik er niet uit... loze ruimte|plaatje1|plaatje2|plaatje3|plaatje4|loze ruimte eisen: -width tabel 100% -als page kleiner dan de tabel breed is dan mogen de plaatjes niet onder elkaar komen -geen ruimte tussen de plaatjes -achtergrond kleur tabel #333333 -rolloverfunctionaliteit bij gebruik in joomla Ik heb steeds een deel werkend... [code:1:6df12498e6]<table border="0" cellspacing="0" cellpadding="0" style="background-color: #333333"><tbody><tr><td><a href="over-pcinside.html"><img src="images/intromenu2.png" border="0" alt="Off alternate text" onmouseover="this.src='images/intromenu2on.png';" onmouseout="this.src='images/intromenu2.png';" /></a> </td><td><a href="cpu.html"><img src="images/introuitleg2.png" border="0" alt="Off alternate text" onmouseover="this.src='images/introuitleg2on.png';" onmouseout="this.src='images/introuitleg2.png';" /></a> </td><td><a href="game-pc.html"><img src="images/introkoop2.png" border="0" alt="Off alternate text" onmouseover="this.src='images/introkoop2on.png';" onmouseout="this.src='images/introkoop2.png';" /></a> </td><td><a href="overzicht.html"><img src="images/introzelfbouw2.png" border="0" alt="Off alternate text" onmouseover="this.src='images/introzelfbouw2on.png';" onmouseout="this.src='images/introzelfbouw2.png';" /></a> </td></tr></tbody></table>[/code:1:6df12498e6] Deze code werkt niet meer met mouseover in joomla, voordeel is wel dat als je de page smaller maakt ze niet onder elkaar komen.... Echter is ook nog geen width 100% [code:1:6df12498e6]<p><table border="0" width="100%" style="background-color: #333333"><tbody><tr><td><div style="text-align: center"><a href="over-pcinside.html"><img src="images/intromenu2.png" border="0" /></a> <a href="cpu.html"><img src="images/introuitleg2.png" border="0" /></a> <a href="game-pc.html"><img src="images/introkoop2.png" border="0" /></a> <a href="zelfbouwoverzicht.html"><img src="images/introzelfbouw2.png" border="0" /></a> </div></td></tr></tbody></table>[/code:1:6df12498e6] Deze tabel is wel grijs maar als de page smaller wordt komen de plaatjes onder elkaar... (ook is er geen rollover). Tips? Ik kan er evt 1 plaatje van maken en dan via css de zones aanklikbaar maken maar 4 losse plaatjes leek me beter...

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.