nicht angemeldet
Hallo,
ich habe eine vertikale Navigationsleiste, zwischen den einzelnen Links soll mit einer Grafik eine kleine Trennlinie eingeblendet werden. Die einzelnen Links sollen 17px hoch sein, die Grafik zwischen drin 5px.
Ich habe dies nun so gelöst, dass ich für das <ul>-Tag ein background-image habe, dies habe ich 22px hoch gemacht, auf den ersten 5px die Trennlinie, auf den restlichen 17px ist nichts.
Jetzt mein Problem, warum bekomme ich die Trennlinie im IE nicht zwischen den Menüpunkten angezeigt, hab schon stundenlang getüftelt, leider ergebnislos....
Ich wäre dankbar wenn mir jemand mal einen Tip geben könnte. Vielen Dank.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Test</title>
<style type="text/css">
body, p a {
font: normal 100.01% Verdana, Helvetica, Arial, sans-serif;
color: black; background-color: white;
}
ul#Navigation {
border-style:none;
border-width: 0px;
padding:5px 0 5px 0;
margin:0 0 0 0;
width: 201px;
background-color: #E1F1FB;
background-image:url(gfx/navigationlinks/spacer_menuitems.gif);
background-repeat:repeat-y;
}
ul#Navigation li {
border-style:none;
border-width: 0px;
list-style: none;
margin:0 0 5px 0;
padding: 0 0 0 0;
}
ul#Navigation a {
display:block;
height:17px;
text-decoration: none;
color: #000000;
background-color: #FFFFFF;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
padding:0 0 0 20px;
}
</style>
</head>
<body>
<ul id="Navigation">
<li><a href="index.htm">Home</a></li>
<li><a href="seite1.htm">Seite1</a></li>
<li><a href="seite2.htm">Seite2</a></li>
<li><a href="seite3.htm">Seite3</a></li>
<li><a href="seite4.htm">Seite4</a></li>
<li><a href="seite5.htm">Seite5</a></li>
<li><a href="seite6.htm">Seite6</a></li>
<li><a href="seite1.htm">Seite1</a></li>
<li><a href="seite2.htm">Seite2</a></li>
<li><a href="seite3.htm">Seite3</a></li>
<li><a href="seite4.htm">Seite4</a></li>
<li><a href="seite5.htm">Seite5</a></li>
<li><a href="seite6.htm">Seite6</a></li>
</ul>
</body>
</html>
Gernot Back