Hi zusammen,
folgende Auszeichnung produziert links, die etwa so aussehen:
|aaa||bbb||ccc ....
warum fallen die Linien nicht zusammen?
Wie kann ich erreichen, dass das Ganze so aussieht:
|aaa|bbb|ccc| ...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#navigation ul {
display:inline;
margin: 0;
padding:0;
}
#navigation li {
display: inline;
border-right:red solid 2px;
border-left:red solid 2px;
padding: 0;
margin:;
}
#navigation a{
margin:0;
padding:0;
}
#navigation a:link, #navigation a:visited {
margin:0;
padding:0;
}
#navigation a:hover {
}
#navigation span {
margin:0;
padding:0;
}
</style>
</head>
<body>
<div id="navigation">
<ul>
<li><span>Home</span></li>
<li><a href="slinks1.html">aaa</a></li>
<li><a href="slinks2.html">bbbbbb</a></li>
<li><a href="slinks3.html">ccccc</a></li>
<li><a href="slinks4.html">ddd</a></li>
<li><a href="slinks5.html">eeeeeeeeeeeeee</a></li>
<li><a href="s6.html">fffffffffffffffffffff</a></li>
</ul>
</div>
</body>
</html>
Danke für Eure Antwort sagt paeonia