webForumDet fria alternativet

problem med padding eller likande.

1 svar · 379 visningar · startad av Hallgren

HallgrenMedlem sedan dec. 19991 606 inlägg
#1

tjipp!
har gjort fyra celler med varsin bild i varje och vill att de ligger kant i kant men de vägrar helt enkelt. Försöker används css till så mycket som möjligt men borde förmodligen läsa på mer. :( kan inte hitta vart felet är. Verkar som om det finns någon padding/spacing eller likande som jävlas med mig. :l

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title></title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">

body { 
	height:100%;
	margin:0;
	padding:0;
	background-color:#CDCCCC; 
	}
img {
	border:0px;
	}	
table.alpha {
	height:100%;
	width:100%;
	border: none;
	border-collapse:collapse;
	text-align:center;
	padding:0px
	}
table.beta {
	width:500px;
	border:none;
	border-collapse:collapse;
	text-align:left;
	padding:0px
	}
td.alpha{
  	border-width:0px; 
 	}
td.beta{
  	border-width:0px; 
	}
.td-1{
	width:80px;
	}
.td-2{
	width:33px;
	}
.td-3{
	width:81px;
	}
</style>

</head>
<body>

<table class="alpha">
	<tr>
		<td class="alpha">
		
<table class="beta">
	<tr>
		<td class="td-1"><img src="images/img_01.gif" alt=""></td>
		<td class="td-2"><input type="image" src="images/img_02.gif" alt=""></td>
		<td class="td-3"><img src="images/img_03.gif" alt=""></td>
		<td>&nbsp;</td>
	</tr>
</table>
		
		</td>
	</tr>
</table>

</body>
</html>
PalleMedlem sedan apr. 20003 174 inlägg
#2

Sätt padding: 0px; på td-1, td-2 och td-3, borde göra susen. :)

121 ms totalt · 3 externa anrop · v20260731065814-full.91fd2ad2
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
118 ms — hämta tråd, inlägg och bilagor (db)