html4 strict/xhtml: opeens verticale spacing tussen img

Pagina: 1
Acties:

  • PommeFritz
  • Registratie: Augustus 2001
  • Laatst online: 24-11-2025

PommeFritz

...geen friet

Topicstarter
Ik heb een paar images die zowel horizontaal als verticaal precies tegen elkaar aan moeten vallen.
Als ik mijn pagina in HTML4 transitional maak, dan ziet het er uit zoals ik wil hebben: http://www.xs4all.nl/~irmen/test/test2.html

Als ik er echter een HTML4 strict, of een XHTML strict pagina van maak, dan verschijnt er opeens een kleine spacing tussen de plaatjes :? :
http://www.xs4all.nl/~irmen/test/test.html
http://www.xs4all.nl/~irmen/test/test.xhtml

Getest in Firefox, Opera en Safari.

Ik heb zitten proberen met CSS margins en paddings, maar ik kom er niet uit ;( . Wie weet hoe die spacing daar komt en hoe ik hem kan weghalen? Merci!

FireFox - neem het web in eigen hand


Verwijderd

Cascading Stylesheet:
1
2
3
#images img {
   vertical-align: bottom;
}

Inmiddels is dit ook wel weer zo vaak langsgekomen dat ik het een beetje zat word telkens met hetzelfde antwoord te moeten komen.

  • PommeFritz
  • Registratie: Augustus 2001
  • Laatst online: 24-11-2025

PommeFritz

...geen friet

Topicstarter
Thanks dat werkt.
En sorry als dit al vaak langsgekomen is maar ik kon het niet vinden.

edit: nu ik weet waar ik op moet zoeken kom ik wel interessante informatie tegen, zoals http://developer.mozilla....bles,_and_Mysterious_Gaps

[ Voor 50% gewijzigd door PommeFritz op 18-12-2005 19:37 ]

FireFox - neem het web in eigen hand


  • Skaah
  • Registratie: Juni 2001
  • Niet online
In strict heeft een image een display: inline. Daar zit ruimte onder de regel voor letters als jgyp.
Cascading Stylesheet:
1
2
3
#images img {
 display: block;
}

[ Voor 22% gewijzigd door Skaah op 19-12-2005 10:24 ]