HI
an alle CSS-Freaks
jetzt hab ich mich mal an einer CSS Navi versucht.
Vertikal funktioniert sie wunderbar, aber alle Tips diverser Tutorials wie ich daraus eine horizontale Navigation mache(display:inline), hauen nicht hin.
der Quellcode:
und die CSS:
ich hoffe das mir hier jemand weiterhelfen kann.
danke schonmal
gruss
an alle CSS-Freaks
jetzt hab ich mich mal an einer CSS Navi versucht.
Vertikal funktioniert sie wunderbar, aber alle Tips diverser Tutorials wie ich daraus eine horizontale Navigation mache(display:inline), hauen nicht hin.
der Quellcode:
Code:
<body>
<div class="main"> <div id="navigation">
<ul>
[*][url="#"]Show[/url]
[*][url="#"]Auftritte[/url]
[*][url="#"]Bilder[/url]
[*][url="#"]G&ste[/url]
[*][url="#"]Impressum[/url]
[*][url="#"]Links[/url]
[/list]
</div>[img]grafik/banner.jpg[/img]
Test
</div>
</body>
Code:
#navigation {
background-color: transparent;
}
#navigation LI {
background-color:black; /* gruen */
padding: 0;
margin: 0;list-style: none;
width: 101px;
list-style: none;
}
#navigation UL {
background-color: #6be; /* hellblau */
padding: 0;
margin: 0;
width: 100px;
}
#navigation A {
display:block;
padding: 0;
margin: 0;
border:1px solid #990000;
}
#navigation A:link, #navigation A:visited {
color: #FFCC00;
background-color: #black;
text-decoration: none;
width: 100px;
width: 100px !important;
}
#navigation A:hover, #navigation A:focus {
color: #FF3300;
background-color:#666666;
text-decoration: none;
width: 100px;
width: 100px !important;
}
ich hoffe das mir hier jemand weiterhelfen kann.
danke schonmal
gruss