Spry Menüleiste

[Scholle86]

Hallo!

Erstmal muss ich sagen, dass ich ziemlicher Anfänger bin in Dreamweaver und Homepage Erstellung und keine wirklichen Programmierkenntnisse besitze!

So nun zu meiner Frage:
Für meine Homepage habe ich eine horizontale Spry Menüleiste in den header eingefügt! Wobei ich keine Untermenüs habe!!!
Die Spry Menüleiste habe ich mithilfe der SpryMenuBarHorizontal.css soweit auch gestalten können. Sprich es ändert sich das aussehen der "Buttons", falls man das bei Sprymenüleisten so sagen kann, wenn mn mit der Maus darüber fährt!
Ich möchte aber das sich das aussehen, wenn man mit dem Mauszeiger drüber fährt, glaube man sagt "hover" dazu, auch bei betätigen des "Buttons" sichtbar bleibt, also "gedrückt" bleibt, damit man sich orientieren kann wo man sich befindet. Zur zeit springt die menüleiste nach einem klick auf eines der Menüelemente immer wieder zum anfangsaussehen! Bin alle Punkte bzw "Regeln" in der SpryMenuBarHorizontal.css rechts unter CSS-Stile durchgegangen, ohne erfolg!
Oder gibt es diesen dauer gedrückt Status nicht bei Sprymenüleisten??
Oder muss man sowas manuell hinzufügen?

Ich hoffe ihr versteht was ich meine und könnt mir helfen!

Gruß Scholle86

[jayjay]

hallo, das hängt davon ab wie der rest der seite aufgebaut ist.
zum beispiel kann man eine weitere klasse definieren:

#menu a {
	color:#000;
}
#menu a:hover {
	color: #f60;
}

/* wenn angeklickt/aktiv */
#menu .angeklickt a {
	color:#fff;
	font-weight:bold;
}

das muss natürlich dann auch in deinem menu hinterlegt werden:

<div id="menu">
	<ul>
		<li><a href="index.html">Home</a></li>
		<li><a href="kontakt.html" class="angeklickt">kontakt</a></li>
	</ul>
</div>

[Scholle86]

uiui das überfordert mich! Mit Code hab ich noch nicht gearbeitet!

Ich fang mal klein an:
Meine Hauptvorlage besteht aus vier dateien:
Quellcode
layout.css
SprMenuBar.js
SpryMenuBarHorizontal.css

aus dem Quellcode entnehme ich meinen header mit SpryMenüleiste folgendes:

 <div id="header">
<!-- end #header -->
  <ul id="MenuBar1" class="MenuBarHorizontal">
    <li><a href="../index.html">Home</a>      </li>
    <li><a href="../mich.html">&Uuml;ber mich</a></li>
    <li><a href="../leistungen.html">Leistungen</a>      </li>
    <li><a href="../referenzen.html">Referenzen</a></li>
    <li><a href="../kontakt.html">Kontakt</a></li>
    <li><a href="../impressum.html">Impressum</a></li>
  </ul>
  </div>

so damit hängt die Menüleiste ja von der class="MenuBarHorizontal" ab!
Die ist dann ja in der SpryMenuBarHorizontal.css zu finden richtig?
Naja allerdings steht die da nur sowas drin wie:

ul.MenuBarHorizontal
{
	margin: 0;
	list-style-type: none;
	font-size: 12px;
	cursor: default;
	width: auto;
	padding-top: 123px;
	text-decoration: none;
	padding-left: 6px;
}

also mit so einem ul. davor

naja weiterhin findte man dort das aussehen, wenn man mit der Maus drüber fährt:

ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #FFF;
	color: #000;
	font-style: italic;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #9F2112;
}

sowas nur unter einem anderem namen müsste ich dann ja noch hinzufügen! Schließlich soll ja genau so auch mein aktiver/gedrückter Menüpunkt/Element aussehen?

Naja auf alle Fälle brauch ich hier noch unterstützung, falls ich überhaupt richtig liege mit dem was ich hier schreib!

Hoffe ihr könnt mir helfen!
Gruß

[PKM925]

Hallo Scholle

Hast du das Problem gelöst?? Ich möchte das gleiche machen. Vielleicht hast du ja ein Tip?

VG Markus