Hallo an Alle!
Ich weiss, es ist nun wirklich ein alter Hut, aber ich komme im Moment nicht weiter. Ich habe ein Menü erstellt, bei dem ich mit #menu_current definiert habe, wie sich ein aktiver Menüpunkt verhalten soll. Nur leider macht das mein Menüpunkt nicht... Und ich weiss nicht, wo ich noch suchen soll. Ich bin schon seit zwei Tagen daran, alles auszuprobieren. Kann mir jemand helfen?
Hier die html:
und hier die CSS:
Das Ganze live und in Farbe findet man unter: - Privatpersonen
Wahrscheinlich fehlt irgenwo im Code nur eine Kleinigkeit, aber ich finde da die berühmte Nadel im Heuhaufen wohl nicht.
Gruß
mavc
Ich weiss, es ist nun wirklich ein alter Hut, aber ich komme im Moment nicht weiter. Ich habe ein Menü erstellt, bei dem ich mit #menu_current definiert habe, wie sich ein aktiver Menüpunkt verhalten soll. Nur leider macht das mein Menüpunkt nicht... Und ich weiss nicht, wo ich noch suchen soll. Ich bin schon seit zwei Tagen daran, alles auszuprobieren. Kann mir jemand helfen?
Hier die html:
HTML:
<div id="navcontainer">
<ul>
<li id="menu_current"><a href="#">Home</a></li>
<li id="navcontainer"><a href="#" >Privatpersonen</a></li>
<li id="navcontainer"><a href="#">Unternehmen</a></li>
<li id="navcontainer"><a href="#">Transformationstherapie</a></li>
</ul>
</div>
und hier die CSS:
Code:
#navcontainer ul
{
margin-top: 232px;
margin-left: 7px;
margin-bottom: 10px;
padding-left: 1px;
padding-right: 7px;
padding-bottom: 0px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
behavior: url(ie-css3.htc);
background-color: #b7173a;
color: White;
font-weight: bold;
text-indent: 10px;
float: left;
width: 848px;
font-family: Arial;
}
#navcontainer ul li { display: inline; }
#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #b7173a;
color: #fff;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}
#navcontainer a:hover
{
background-color: #777777;
color: #fff;
}
#navcontainer a:active
{
background-color: #777777;
color: #fff;
}
#menu_current a:link
{
background-color: #777777;
color: #fff;
}
#menu_current a:visited
{
background-color: #777777;
color: #fff;
}
#menu_current a:active
{
background-color: #777777;
color: #fff;
}
Das Ganze live und in Farbe findet man unter: - Privatpersonen
Wahrscheinlich fehlt irgenwo im Code nur eine Kleinigkeit, aber ich finde da die berühmte Nadel im Heuhaufen wohl nicht.
Gruß
mavc