CSS Dropdown Menu

Hallo Zusammen

Ich site an einem Problem, das ich ich nicht hinbekomme.
Und zwar ist es folgendes.

Die Navigation sieht wie folgt aus:
Home
menutitle

  • submenu1
  • submenu2
    Link
    menutitle
  • submenu1
  • submenu2
  • submenu3
    menutitle
  • submenu1
  • submenu2
  • submenu3
    usw

nun wie bringe ich das hin, das der menutitle als Hover fungiert und wenn man auf ein submenu klickt, dass dann menu offen bleibt?
und wie bekommt man das hin, dass dann der link aktiv ist, wenn diese seite betrachtet wird?

hier mal mein CODE
navigation.css

a {
color : #b15002;
text-decoration : none;
}

a:visited {
color : #b15002;
text-decoration : none;
}

a:focus {
color : #b15002;
text-decoration : none;
}

a:hover {
color : #744646;
text-decoration : none;
}

a:active {
color : #744646;
text-decoration : none;
}

.menutitle {
color : #b15002;
cursor : pointer;
font-size : 17px;
font-weight : bolder;
margin-bottom : 3px;
margin-top : 3px;
padding : 2px;
padding-left : 0px;
width : 180px;
}

.submenu {
color : #b15002;
font-size : 15px;
margin-bottom : 10px;
padding-left : 5px;
}

navigation.php

Home

Ausbildung

KV-Niveaus
LAP-Abschl

Moin,

nun wie bringe ich das hin, das der menutitle als Hover
fungiert und wenn man auf ein submenu klickt, dass dann menu
offen bleibt?

Gar nicht mit CSS. CSS kennt nur den Zustand „hover“, der nur dann gilt, wenn man ein Element mit der Maus überfährt. Wenn die Änderung aber bleiben soll, muss JavaScript dazu. Mit CSS wird ein Menü immer wieder einklappen.

und wie bekommt man das hin, dass dann der link aktiv ist,
wenn diese seite betrachtet wird?

Du meinst nicht einen aktiven Link (:active), sondern die Anzeige der aktuellen Seite? Auch das geht nicht mit CSS, sondern das muss serverseitig geennzeichnet werden. Das serverseitige Script prüft, ob die gerade angezeigte Seite die ist, die im Menü ausgegeben werden soll. Dann wird ein Kennzeichen gesetzt, z.B. eine Klasse, die dann wiederum über CSS anders aussehend formatiert wird.

Liebe Grüße,
-Efchen

ahhh… stimmt, hab ich vergessen, ein javascript läuft dazu auch noch, aber das funktioniert irgendwie nicht ganz… :-/

/***********************************************
* Switch Menu script- by Martial B of http://getElementById.com/
* Modified by Dynamic Drive for format & NS4/IE4 compatibility
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

var persistmenu=„yes“ //„yes“ or „no“. Make sure each SPAN content contains an incrementing ID starting at 1 (id=„sub1“, id=„sub2“, etc)
var persisttype=„sitewide“ //enter „sitewide“ for menu to persist across site, „local“ for this page only

if (document.getElementById) {
document.write(’\n’)
document.write(’.submenu{display: none;}\n’)
document.write(’\n’)
}

function SwitchMenu(obj) {
if (document.getElementById) {
var el = document.getElementById(obj);
var ar = document.getElementById(„masterdiv“).getElementsByTagName(„span“);

if (el.style.display != „block“) {
for (var i=0; i 0) {
offset = document.cookie.indexOf(search)

if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);

if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}

return returnvalue;
}

function onloadfunction() {
if (persistmenu == „yes“) {
var cookiename=(persisttype == „sitewide“)? „switchmenu“ : window.location.pathname
var cookievalue=get_cookie(cookiename)

if (cookievalue!="")
document.getElementById(cookievalue).style.display = „block“
}
}

function savemenustate() {
var inc=1, blockid=""

while (document.getElementById(„sub“+inc)) {
if (document.getElementById(„sub“+inc).style.display == „block“) {
blockid=„sub“+inc
break
}

inc++
}

var cookiename=(persisttype == „sitewide“)? „switchmenu“ : window.location.pathname
var cookievalue=(persisttype == „sitewide“)? blockid+";path=/" : blockid
document.cookie=cookiename+"="+cookievalue
}

if (window.addEventListener)
window.addEventListener(„load“, onloadfunction, false)
else if (window.attachEvent)
window.attachEvent(„onload“, onloadfunction)
else if (document.getElementById)
window.onload=onloadfunction

if (persistmenu==„yes“ && document.getElementById)
window.onunload=savemenustate

ahhh… stimmt, hab ich vergessen, ein javascript läuft dazu
auch noch, aber das funktioniert irgendwie nicht ganz… :-/

da die frage stellen wo sie auch beantwortet wird. sollte das zuviel arbeit machen ? sollen sich andere die arbeit machen ?

Moin,

weil das viele nicht zu realisieren scheinen: Wenn Du nur Code postest anstatt einer URL, wird ein Teil der willigen Antwortenden sich hier verabschieden. So wie ich auch. Und wenns ein JS-Problem ist, dann ist das eh das falsche Forum. Da kann ich auch nicht genug zu beitragen.

Viel Erfolg noch,
-Efchen