2 px under varje bild

HTML & CSS

2 svar · 270 visningar · startad av cyprys

Medlem sedan dec. 20003 563 inlägg
Trådstart#1

Jag sitter och kodar i

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

och får 2 px tomluft under alla bilder jag inför på sidan. Felet syns bara i firefox/mozilla.
Jag tycker att jag tagit bort alla mellanrum med:

html, body, table, td, tr, img, table, br, div, p {
	padding: 0px; margin: 0px;
	border-style: none; border-collapse: collapse;
	border-spacing: 0px;
}

Det är bara undersidan av bilderna som får det här mellanrummet.
En kod såsom <img src="bild1"/><br/><img src="bild2"/> ger alltså ett mellanrum mellan bilderna.

Problemet är alltså att jag vill få bort det mellanrummet.
Det ser f.ö. utmärkt ut i IE och NS.

Medlem sedan apr. 20003 174 inlägg
#2
[red]style="display: block;"[/red]
Medlem sedan dec. 20003 563 inlägg
#3

Ok. Det funkade bra till viss del, mellanrummet försvann.
Ett problem som uppkom var att flera bilder som jag hade horisontellt brevid varandra bytte rad när jag satte ovanstående kod. En bild per rad.

edit*

Det fixade sig med att jag satte float: left; på bilderna.

260 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
122 ms — deklarationer (db)
0 ms — hämta statistik (cache)
133 ms — hämta tråd, inlägg och bilagor (db)
123 ms — ändringar (db)