Verwijderd

Verwijderd

als je code zo onoverzichtelijk is, dan is het lastig om door te spitten en bugs te vinden....

maar er zit een verschil tussen de attributen aan de <a> tag

voor cuba_06 is het
<a style=“left:255px;” class=“gallery slide_06” href="#nogo">

voor cuba_07 is het
<a style=“position:absolute; top:0px; left:405px;” class=“gallery slide_07” href="#nogo">

Misschien daar even naar kijken?

En er zit een </ul> tag vlak voor je </div>
Aangezien er geen <ul> te vinden is, zal die daar wel niet horen :slight_smile:

oh ja... een 'return' of linebreak in php:

echo “n”; zou het moeten doen

En als je het nog netter wilt hebben, denk ik dat je echo “t”; kunt gebruiken om zelfs tabs te ‘printen’. Zelf nog nooit geprobeert, maar zou het moeten doen.

:slight_smile:

Verwijderd

hmmm lijkt erop dat de laatste niet meer in de <div> past. Waarschijnlijk door margin-right in a.gallery.

7 plaatjes * (45 breedte + 22.5 margin ) = 472.5 totaal

Terwijl de <div> een breedte heeft van 450… Dan komt de laatste inderdaad op de volgende regel.

Verwijderd

[url=http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.wandawanders.com%2Fproefje%2Fgallery3.php&warning=no&profile=css2&usermedium=all]Wel eens van een validator gehoord[/url]

Die spoort alle fouten op.

Verwijderd

Verwijderd

Ik moet je eerlijk bekennen dat ik niet zo'n held ben in CSS (ik heb niet alles onder de knie), ik kan alleen rekenen :)

Maar als ik het zou doen, zou het meer iets worden als:

[code:1:c1f9d8e984]<div id=‘container’>
<div id=‘thumbnails’>
<span>…</span>
<span>…</span>
<span>…</span>
<span>…</span>
</div>

 &lt;div id='preview'&gt;
 &lt;/div&gt;

</div>[/code:1:c1f9d8e984]

Dan hebben de thumbnails hun eigen blokje om in te ruziën over ruimte, en heeft een probleem in het ene <div> niet direct invloed op een andere <div>

Maar goed… ik ben er niet zo’n held in… misschien heeft iemand anders een beter idee?