Placering v.hj.a. padding og background-position er næsten umulig
Mit CSS:a.menutop:active, a.menutop:link, a.menutop:visited {
width: 100%;
display: block;
font-family: geneva, verdana, helvetica, arial;
font-weight: none;
font-size: 11px;
text-decoration: none;
color: #336699;
background-color: #d5d5d5;
background-repeat: no-repeat;
background-position: center left;
background-image: url("/images/topmenu1.gif");
}
Jeg prøver at få 4 links til at stå centreret i 4 celler
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
</head>
<body>
<table>
<tr>
<td style="width: 25%;><a href="#">Link 1</a></td>
<td style="width: 25%;><a href="#">Link 2</a></td>
<td style="width: 25%;><a href="#">Link 3</a></td>
<td style="width: 25%;><a href="#">Link 4</a></td>
</tr>
</table>
</body>
</html>
Baggrundsbillede og link skal stå centreret i hver sin celle.
Det er så meningen, at disse baggrundsbilleder skal have en smule mellemrum (xxpx eller f.eks. 2 mellemrum), så der er ens afstand mellem background-image og linket. Men den er godt nok tricky :/
Prøv evt. hvordan det ser ud i browseren med CSS/HTML. Det står ikke godt.
