Archivlink: javarea.de Forum > JavaScript > Cascade Menu / Items Gruppieren
Vollständigen Link anzeigen: javarea.de Forum > JavaScript > Cascade Menu / Items Gruppieren

Pages: [1]
geschrieben von Guli am 16.05.2006 - 11:50
Hallo Zusammen!

Ich habe wider einmal einen Wunsch zum Cascade Menu welches ich von javarea.de habe. Nämlich würde ich gerne definieren wollen, dass eine Linie zwischen zwei Items erscheint.

Schlussendlich sollte es etwa ao aussehen wie ein Menü (z.B. Datei) im IE oder sonst einem Programm.

Ist dies irgendwie zu lösen?

Vielen Dank im Vorraus,
Gruss guli

geschrieben von Patrick am 23.05.2006 - 13:05
Zu lösen ist das bestimmt....

Was hast du bisher selbst versucht?

Poste einfach deine Versuche und dann kann dir geholfen werden...

geschrieben von Guli am 24.05.2006 - 09:53
Ich habe erst erreicht das es nach jedem item eine Linie gibt. mit folgedem Code:

Alt:
HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 

.item
{
	background-color: #e9f0f8;
	font-family: Verdana;
	font-size: 10px;
	width: 148px;
}


Neu:
HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 

.item
{
	border-bottom: 1px solid #008;
	background-color: #e9f0f8;
	font-family: Verdana;
	font-size: 10px;
	width: 148px;
}


Ich möchte aber gerne bei dem definieren der einzelnen Items (Text, Link etc.) eingeben können, ob eine Linie dort erscheinen soll oder nicht. Leider habe ich keine Ahnung wie man dies machen könnte.

Irgendwie müsste man eine Variable definieren. wie geht das wenn die items definition im <style> objekt liegt?

hoffentlich genug verständlich formuliert

geschrieben von weisnix am 24.05.2006 - 12:32
Das kannst du über die id lösen. Die wird im Menü über d plus Zähler mitgeliefert. Hierbei ist das erste die 0 und das zweite die 1. Die Top-Menü werden mit gezählt

Beispiel:

#d1 { text-decoration:underline; }
#d7 { background-color: #FF0000; }
#d9 { text-decoration:underline; }

Ergebnis beim Muster:

1. sub Javarea.de Text unterstrichen
6. sub lerne html roter Hindergrund (bis zur Mausberührung)
7. sub Gästebuch Text unterstrichen


Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.