Mellanrum i cell

8 svar · 654 visningar · startad av Skarre 27 apr. 2004

SkarreMedlem sedan apr. 20012 427 inlägg

Frågan27 apr. 2004 13:02#1

När jag använder xhtml strict uppstår mellanrum mellan bilden i koden nedan och cellens underkant (se bifogad fil). Ändrar jag doctype till "HTML 4.01 Transitional" ser det ut som det ska i FireFox, men mellanrummet är fortfarande kvar i IE6.

Hur blir man av med dessa irriterande mellanrum i xhtml strict i alla (de flesta) browsers?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
	<tr> 
		<td style="border:1px solid red;">
			<img src="/admin/grafik/btn_logout.gif" alt=""/>
		</td>
	</tr>
</table>
</body>
</html>

Mika3lMedlem sedan nov. 20018 492 inlägg

27 apr. 2004 13:35#2

Testa att skriva så här:

<td style="border:1px solid red;"><img src="/admin/grafik/btn_logout.gif" alt=""/></td>

SkarreMedlem sedan apr. 20012 427 inlägg

28 apr. 2004 06:12#3

Nepp, då fungerar det i IE6, men inte i FireFox. :(

dectgapMedlem sedan sep. 20021 655 inlägg

28 apr. 2004 06:22#4

Testa att lägga till

style="display: block"

i bilden.

dAEkMedlem sedan feb. 20041 816 inlägg

28 apr. 2004 06:53#5

line-height: 1px; eller font-size: 1px;

löser ditt problem i Moz 1.6, Op 7.23 & IE 6. Har inte testat i andra browsers...

Är inte helt säker på vilket av ovan alternativ som borde är 'bäst' att använda, ngn som vet kanske vill berätta ? :)

SkarreMedlem sedan apr. 20012 427 inlägg

8 juni 2004 14:22#6

Jag hade samma problem igen, och kom ihåg att jag frågat tidigare. Tack för det! :)

CheguelinMedlem sedan juli 2003303 inlägg

9 juni 2004 09:50#7

overflow: hidden; LÄGG NER DET ANDRA! Stör ni er inte på att det ser rätt ut, men att det är helt galet och fel?

SkarreMedlem sedan apr. 20012 427 inlägg

9 juni 2004 10:26#8

Cheguelin skrev:

overflow: hidden; LÄGG NER DET ANDRA! Stör ni er inte på att det ser rätt ut, men att det är helt galet och fel?

Nej, inte jag. Speciellt med tanke på att det fungerar, till skillnad från "overflow:hidden".

CheguelinMedlem sedan juli 2003303 inlägg

9 juni 2004 10:33#9

Ah, då kanske jag har varit för snabb med mitt svar :) Var lite rädd för att det skulle hända. Hur som helst så har jag själv haft samma problem och då tror jag att display: block; på bilden rättade till det.