[html] Meerdere zwevende afbeeldingen onder elkaar

[pjonk]

Op mijn website gebruik ik regelmatig thums die vergroot kunnen worden. Nou leek het mij wel elegant om onder die plaatjes een zoom button te plaatsen waar de bezoekers op kunnen klikken voor een vergrote versie, voorbeeld:.



De html code wordt gegenereerd door een PHP script. Het PHP script kan bepalen of een plaatje een thumb is en dan onder het plaatje de zoombutton plaatsen.

Het probleem
Indien ik zwevende plaatjes gebruik naast de tekst dan kan ik de zoombutton niet meer onder het plaatje krijgen en krijg je dit effect:



De gegenereerde html code:

HTML:

<a href="images/vps_impress_detail_big.gif" onclick="return iPop(this.href,547,634,'')">
[img]"/images/vps_impress_detail.jpg"[/img]</a><br>
<a href="images/vps_impress_detail_big.gif" onclick="return iPop(this.href,547,634,'')">
[img]"/images/zoom_button.gif"[/img]</a>
Maak gebruik van tevoren vormgegeven uitingen voorzien van uw eigen huisstijl.
VPS geeft u de keuze uit een gevarieerde reeks, van brochures tot gestructureerde overzichten en zelfs catalogi.

Terwijl ik eigenlijk onderstaande lay-out wil realiseren:



Is er een truukje om toch 2 zwevende afbeeldingen links naast de tekst te krijgen? Uiteraard is dit wel met tables oplossen, maar via een PHP script is dit een erg lastige oplossing.

[ Voor 20% gewijzigd door pjonk op 30-12-2005 16:25 ]

[XangadiX]

hoezo is een tabel via een phpscript een lastige oplossing?

je hoeft alleen maar <table><tr><td></td></tr></table> om je zwevende plaatje en je zoomknop heen te zetten.
dat is toch niet zo moeilijk?

met een layer heb je excact het zelfde verhaal.

Wil een image align en daarna een paar <br> of zelfs een <p> trouwens niet, of <div> ?

[crisp]

wat dacht je van beide plaatjes in een container stoppen, en die in z'n geheel een float:left te geven?

[pjonk]

crisp schreef op 29 november 2003 @ 17:34:
wat dacht je van beide plaatjes in een container stoppen, en die in z'n geheel een float:left te geven?

Klinkt goed. Kan ik ergens een voorbeeld van dit mechanisme vinden? Ben nog niet zo'n goeroe op CSS gebied

[crisp]

JonkieXL schreef op 29 november 2003 @ 17:36:
[...]

Klinkt goed. Kan ik ergens een voorbeeld van dit mechanisme vinden? Ben nog niet zo'n goeroe op CSS gebied

HTML:

<div style="float:left">
  <img src="plaatje.gif" alt="" /><br />
  <img src="zoomplaatje.gif" alt="" />
</div>