hi,
hab da mich mal an eine css-li-navigation gewagt... schon super die code-ersparnisse verglichen mit tables
leider sieht das Internet Explorer (unter Win) ein wenig anders aus. Die Abstände zwischen den einzelnen Einträgen sind zu gross...
[Blockierte Grafik: http://www.manuelmaisch.ch/public/navi_safari.png]
So ists richtig... Mac-Safari (geht auch in mac Firefox/ mac IE)
[Blockierte Grafik: http://www.manuelmaisch.ch/public/navi_ie.png]
so machts der Win-IE...
Code:
Im html-file:
Code
<ul class="navi">
[*][url='index.php']Home[/url]
[*][url='fotographie/index.php']Fotographie[/url]
[*][url='macpoint/index.php']macpoint[/url]
[*][url='links/index.php']Links[/url]
[*][url='ueber_mich/index.php']Über mich[/url]
[*][url='webdesign/index.php']Webdesign[/url]
[*][url='#'][/url]
[/list]
im css-file:
Code
.navi {
list-style: none;
margin:0;
padding:0;
}
.navi a:link, .navi a:visited, .navi a:active {
font: 12px Georgia, Tahoma, Times, "Times New Roman", serif;
color: #336699;
letter-spacing: 1px;
text-decoration: none;
padding: 10px 0px 10px 12px;
border-top: 1px dotted #000033;
display: block;
}
.navi a:hover {
font-weight: bold;
text-decoration: none;
letter-spacing: 1px;
}
Alles anzeigen
eigentlich ziemlich überschaubar das ganze
hoffe mir kann jemand das darstellungsproblem vom Win-IE lösen...
ciao,
manuel