Marge tussen foto's

[Erik Baas]

Op pagina's als deze (http://www.volksforum.com/forum/showthread.php?p=1497077#post1497077), 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;
}

[Erik Baas]

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

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

worden toegevoegd.

[Marcski]

Ik heb het in de php functie opgelost ;)

[VeeDubber]

Bedankt voor de suggestie Erik!

[Erik Baas]

Ik heb het in de php functie opgelost ;)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.

[Marcski]

je hebt gelijk :)

[René]

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

[Sethenor]

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

[Erik Baas]

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

[René]

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!

[Erik Baas]

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

[Erik Baas]

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... ;)

[Robbbert]

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.