Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Rollover images in een tabel met dynamische breedte

boelieboelie
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

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