Hallo zusammen,
ich möchte gerne ein DROPLINE MENU erstellen komplett in CSS ohne java!
Folgenden Code habe ich schon vorbereitet. Aber ich möchte gerne das wenn mann über den Link HAUPTMENU mit der Mouse drüber fährt sich ein submenu öffnet. Klickt man auf den Hauptmenu soll das submenu geöffnet bleiben. Soweit habe ich es schon realisiert, nur mein Problem ist, wie kann mann anstatt <p> auch links definieren ?
Folgender Code der Funktioniert wie es sein soll nur hald keine Links:
<style type="text/css">
#menu{
position:absolute;
top:49px;
left:320px;
width:100px;
}
#menu ul {display: block;}
#menu a p {display: none;}
#menu a:hover p, #menu a:focus p {display: block; }
</style>
<div id="menu">
<a href="#nogo">hauptmenu<p>untermenu als test aber einen link bekomme ich da net hin und horizontal auch net :-( </p></a></div>
Kann mir da jemand bitte weiter helfen? Ich möchte auch das die Links horizontal im submenu dann dargestellt werden. Nett wäre es auch wenn mann statt den Text auch bilder einfügen könnte.
gruß
moa
ich möchte gerne ein DROPLINE MENU erstellen komplett in CSS ohne java!
Folgenden Code habe ich schon vorbereitet. Aber ich möchte gerne das wenn mann über den Link HAUPTMENU mit der Mouse drüber fährt sich ein submenu öffnet. Klickt man auf den Hauptmenu soll das submenu geöffnet bleiben. Soweit habe ich es schon realisiert, nur mein Problem ist, wie kann mann anstatt <p> auch links definieren ?
Folgender Code der Funktioniert wie es sein soll nur hald keine Links:
<style type="text/css">
#menu{
position:absolute;
top:49px;
left:320px;
width:100px;
}
#menu ul {display: block;}
#menu a p {display: none;}
#menu a:hover p, #menu a:focus p {display: block; }
</style>
<div id="menu">
<a href="#nogo">hauptmenu<p>untermenu als test aber einen link bekomme ich da net hin und horizontal auch net :-( </p></a></div>
Kann mir da jemand bitte weiter helfen? Ich möchte auch das die Links horizontal im submenu dann dargestellt werden. Nett wäre es auch wenn mann statt den Text auch bilder einfügen könnte.
gruß
moa