Marge tussen foto's
 

Op pagina's als deze, waar veel grote foto's onder elkaar staan, zou de layout er veel beter uitzien met een kleine marge tussen de foto's. Dat zou kunnen door een regeltje CSS:

.page img+br+img {
margin-top: 3px;
}

in te voegen na:

.page img {
width: expression(this.width > 850 ? 850: true);;
max-width: 850px;
}

Dat blijkt niet te werken als de foto aanklikbaar is, zoals bv. op http://www.volksforum.com/forum/sho...d.php?p=1497199 . Aan de code moet dan nog

.page br+a img {
margin-bottom: 3px;
}

worden toegevoegd.

Ik heb het in de php functie opgelost ;)

Bedankt voor de suggestie Erik!

Ja, zo kan het ook, dank je. :)
Een puntje van kritiek, toch nog: in XHTML moet de br-tag afgesloten worden, dus met een slash erachter.

je hebt gelijk :)

Ingewikkelde termen allemaal! Wat betekent dit voor ons? Dat we zelf geen entertje meer hoeven te zetten tussen de IMG linkjes?

Correct René. Er hoeft geen extra enter meer tussen om de foto's van elkaar te scheiden.

De meeste mensen deden dat toch al niet, vandaar ook mijn opmerking... ;) Anyway, nogmaals bedankt voor de snelle service! :)

Nou, ik deed dat bewust, omdat ik het persoonlijk ook mooier vind lijken met een entertje er tussen. Maar dat hoeft nu niet meer dus..top!

Vreemd, op http://www.volksforum.com/forum/sho...d.php?p=1497753 werkt het niet...

Ik zie het al: alle images staan op één regel, daarom komt er maar één break tussen elke twee foto's.

Hint: mijn CSS-code werkt wél... ;)

Ik had het zelf nog niet gezien, het is "opgelost" nu.