HTML & CSSur HTML, XHTML & CSS
9 svar · 322 visningar · startad av aDay
Hej
Jag har ett mellanrum mellan bild och tabell som jag väldigt gärna skulle vilja få bort, men jag vet inte hur.
Se bifogad bild..
Kod:
<img src="top.jpg" />
<table bgcolor="#ffffff" border="1" width="600">
<tr>
<td>
hej
</td>
</tr>
</table>
<img src="top.jpg" />
<table cellspacing="0" cellpadding="0" style="border: 1px #FFFFFF solid; width: 600px;">
<tr>
<td>hej</td>
</tr>
</table>
Tack, men det gjorde ingen skillnad (och jag ska ha cellpadding="15")
Varför har border="1"
Ändra det till border="0" så försvinner ramen...
men det är inte ramen jag vill ha bort. det är mellanrummet mellan tabellen och top-bilden
Men mellanrummet är bordern.
Skulle tro det är radbrytningen efter img-taggen som gör det. Prova att ta bort den:
<img
src="top.jpg" /><table bgcolor="#ffffff" border="1" width="600">
<tr>
<td>
hej
</td>
</tr>
</table>
Ja! tack matte, det löste sig fint! trodde aldrig att det skulle vara så simpelt ;)
Man kan också lägga koden för bilden och table på en enda lång rad.
Radbytet du gör i koden generarar ju detta mellanrum.
Kanhända detta även går att fixa med line-height.
Jag har här lagt en linjefärg och cellspacing för tydligheten.
<html>
<head>
</head>
<body bgcolor="#C2C287" text="#000000" id="all" leftmargin="10" topmargin="10" marginwidth="10" marginheight="10" link="#660000" vlink="#660000" alink="#660000">
<img src="fore.jpg" width=600 ><table bgcolor="#ffffff" border="1" bordercolor="blue" cellspacing=0 width="600">
<tr>
<td>
hej
</td>
</tr>
</table>
</body>
</html>
Eller så kan man sätta display: block; på bilden vill jag minnas. Det torde vara den snyggaste lösningen i sådana fall. Om inte så är detta en ganska fin lösning:
<html>
<body>
<img src="top.jpg" /><!--
--><table bgcolor="#ffffff" border="1" width="600">
<tr>
<td>hej</td>
</tr>
</table>
</body>
</html>
Man vill ju inte förstöra kodens upplägg bara för att få bort ett mellanrum ;)