nicht angemeldet
Hallo Cracks,
ich habe gestern ein Nav-menue mit css und DIV's aufgebaut, das wunderbar funktioniert. Jetzt wollte ich noch bei anklicken der Buttons ein Submenue anlegen, indem ich per css eine neue class
angelegt habe... aber igendwie funktioniert das ganze nicht so wie ich will und ich kann so auch keine Fehler feststellen. Es ist so, daß der mouse-over Effekt bei jedem besuchten Link verschwindet...
Zu sehen unter http://www.badhotelwernau.de
Jetzt noch ne weitere Frage, die von den cracks auch wahrscheinlich ganz schnell beantwortet werden kann. Wie kann ich hier ebenfalls erreichen, daß wenn ich mit dem Mauszeiger drauf gehe diese kleine Fenster aufgeht (ich denke es heisst alt-Attribut)
Ich hoffe mich richtig ausgedrückt zu haben, sodaß es verstanden wird... Da ich auch erst ein Newbee bin verzeiht mir bitte wenn ich mich vielleicht auch nicht korrekt ausgedrückt habe...
Hier der Quelltext...
<div class="menue"><a href="index.htm">Startseite</a></div>
<div class="menue"><a href="hotel.htm">Hotel</a></div>
<div class="submenue"><a href="Ausstattung.htm">Ausstattung</a></div>
<div class="submenue"><a href="Zimmer.htm">Zimmer</a></div>
<div class="menue"><a href="konferenzen.htm">Konferenzen</a></div>
<div class="menue"><a href="urlaub.htm">Urlaub</a></div>
<div class="menue"><a href="restaurant.htm">Restaurant</a></div>
<div class="menue"><a href="karierre.htm">Jobs + Karierre</a></div>
<div class="menue"><a href="service.htm">Service</a></div>
<div class="menue"><a href="kontakt">Kontakt</a></div></td>
Style.css, externe css Datei
div.menue { background: url(pics/button.jpg);
width:130px; height:22px; margin:0px;
}
div.menue a { padding-left:22px; display:block; width:100%;
}
div.menue a:link, div.menue a:visited {
padding-top: 4px;
background:transparent;
FONT-SIZE: 10px;
WIDTH:100%;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #FFFFFF;
text-decoration:none
}
div.menue a:hover { color:#FFFFFF;
background: url(pics/button_over.jpg); text-decoration:none;
width:130px; height:22px; margin:0px;
}
div.menue a:active { color:#FFFFFF; font-weight:bold;
background:transparent; text-decoration:none;
}
div.submenue { background:transparent;
width:130px; height:22px; margin:0px;
}
div.submenue a { padding-left:22px; display:block; width:100%;
}
div.submenue a:link, div.menue a:visited {
padding-top: 4px;
background:transparent;
FONT-SIZE: 10px;
WIDTH:100%;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #FFFFFF;
text-decoration:none
}
div.submenue a:hover { color:#620020;
background: transparent; text-decoration:none;
width:130px; height:22px; margin:0px;
}
div.submenue a:active { color:#620020; font-weight:bold;
background:transparent; text-decoration:none;
}