nicht angemeldet
Hallo.
<!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">
<meta http-equiv="content-style-type" content="text/css">
<meta http-equiv="language" content="de">
<title>Beispiel</title>
<style type="text/css">
~~~~~~css
a {
background: inherit;
color: inherit;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
}
body {
background: #FFF;
color: #424242;
font-family: Tahoma, Arial, sans-serif;
font-size: 11px;
}
table {
background: #EEE;
border-collapse: collapse;
height: 43px;
width: 553px;
}
td {
border-left: 1px solid #424242;
padding-bottom: 3px;
padding-left: 7px;
vertical-align: bottom;
}
td:last-child { width: 10px; }
/* ################################################### */
ul {
padding:0px;
margin:0px;
}
li {
list-style:none;
display:inline;
border:0px;
margin:0px;
padding:0px;
background:#eeeeee;
float:left;
}
li a {
text-decoration:none;
color:inherit;
margin:0px;
border-left:1px solid #000000;
padding:30px 6px 1px 6px;
background:#eeeeee;
font-size:11px;
display:block;
}
ul li a#a {
width:30px;
}
ul li a#b {
width:125px;
}
ul li a#c {
width:125px;
}
ul li a#d {
width:81px;
}
ul li a#e {
width:53px;
}
ul li a#f {
width:61px;
}
/* ################################################### */
~~~~~~html
</style>
</head>
<body>
<table>
<tr>
<td><a href="#">Lage</a></td>
<td><a href="#">Stadthäuser Typ B</a></td>
<td><a href="#">Stadthäuser Typ A</a></td>
<td><a href="#">Wohnungen</a></td>
<td><a href="#">Kontakt</a></td>
<td><a href="#">Impressum</a></td>
</tr>
</table>
<br><br><br><br>
<ul>
<li><a id="a" href="#">Lage</a></li>
<li><a id="b" href="#">Stadthäuser Typ B</a></li>
<li><a id="c" href="#">Stadthäuser Typ A</a></li>
<li><a id="d" href="#">Wohnungen</a></li>
<li><a id="e" href="#">Kontakt</a></li>
<li><a id="f" href="#">Impressum</a></li>
</ul>
</body>
</html>
Ich habe es mal versucht und im Firefox 2.0.0.3 auf Mac OS ein nahezu indentisches Ergebnis erreicht. Allerdings habe ich disply:block verwendet und jedem Link eine ID zugewiesen. Du kannst es dir ja mal ansehen..
MfG, Kungschu.
Gernot Back