nicht angemeldet
Positionierung von Links im IE 5.x
Moin allerseits,
ich möchte vor jedem Link einen kleinen Pfeil einfügen und habe das mittels CSS wie folgt realisisert:
a.topnav:link {
padding-left:14px;
padding-right:1em;
text-decoration: none;
color: #69C;
background: url(images/pfeiltop.gif) no-repeat left;
}
Das funktioniert soweit auch prima im Mozilla, IE6 (WIN) und IE5(MAC).
Probleme bereitet der IE5.x (WIN), welcher Abstände (padding, margin) einfach ignoriert (siehe folgendes Beispiel).
Habe ich irgendeinen Fehler gemacht oder kann der IE5 das prinzipiell nicht und wenn ja wie bekomme ich ihn dann doch dazu.
Vielen Dank im Voraus
Patrizia
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<STYLE type="text/css">
<!--
a:link {padding-left:150px;}
a:visited {padding-left:150px;}
a:hover {padding-left:150px;}
a:active {padding-left:150px;}
-->
</STYLE>
</head>
<body>
<a href="1.html">Link 1</a><a href="2.html">Link 2</a>
</body>
</html>
-
hi,
Probleme bereitet der IE5.x (WIN), welcher Abstände (padding, margin) einfach ignoriert (siehe folgendes Beispiel).
der IE ignoriert solche angaben bei inline-elementen.
Habe ich irgendeinen Fehler gemacht oder kann der IE5 das prinzipiell nicht und wenn ja wie bekomme ich ihn dann doch dazu.
du könntest du links natürlich mit display:block formatieren - allerdings müsstest du dann auch noch eine breitenangabe machen, wenn sie nicht über die gesamte breite des anzeigebereichs gehen sollen (und evtl. noch mit float arbeiten, wenn sie nebeneinander bleiben sollen).
gruss,
wahsaga