Sätt padding: 0px; på td-1, td-2 och td-3, borde göra susen.
Trådstart#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.
<!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> </td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
