✔ class="act" für ul menu

[son gohan]

Hallo Forum,

ich habe ein Menu mit ul und li Tags erstellt:

<ul id="menu3">
<li class="act"> <a href="k.html">K</a></li>
</ul>

die css dazu sieht so aus:

ul#menu3 li		{
                 	clear:				both;
			list-style-type: 		none;
			margin:				0 0 0 10px;
			display: 			block;
			font: 				bold 0.8em/20px "Lucida Grande", verdana, sans-serif;
			text-align: 			left;
                         border: 			1px solid #005F00;
			border-width: 			0 1px 1px 8px;
                         width: 				169px;
			}
* html ul#menu3 li       {width: 				177px;
			}

ul#menu3 li a		{
			padding:			4px 0 4px 3px;
			text-decoration: 		none;
			display: 			block;
                         color:				#000;
                         background:			#fff;
			}
* html ul#menu3 li a     {width:100%}
ul#menu3 li a:hover	{
                 	background: 			#003f00;
                         color:				#fff;
                 	text-decoration: 		underline;
                 	}
ul#menu3 li.act	{
                 	background: 			#003f00;
                         color:				#fff;
                 	text-decoration: 		underline;
                 	}

ganz unten im css Code habe ich jetzt versucht eine neue Klasse zu definieren die .act heisen soll, wenn ein Link die Klasse folgendermassen enthält:

<li class="act"> <a href="k.html">K</a></li>

sollte sich der Hintergrund ändern wie im css Code geschrieben, aber es klappt nicht, weis jemand warum?

 

[M155P3RF3K7]

Ich verstehe das nicht so ganz was du da vor hast.

ul#menu3 li a:hover
ul#menu3 li.act

Diese beiden Sachen unterscheiden sich weder von Farbe noch von sonst was.

Wieso nimmst du nicht einfach:

a:link {color:#-------;}
a:visited {color:#------;}
a:hover {color:#-------;}
a:active {color:#------;}

um einen Link zu verändern?


MFG

 

[son gohan]

diese .act Klasse soll dazu diehnen einen Link als makiert anzuzeigen.

Aber lasst mal Leute, ich habe mich soeben entschieden in dieses Menü keine solche Funktion mehr einzubauen, ich denke das ist am einfachsten.

 

[versuch13]

Wenn ich mich nicht irre liegt einfach der style von ul#menu3 li a über dem von ul#menu3 li.act ...

Nimm doch einfach den Link raus, du musst die aktuelle Seite ja auch nicht unbedingt verlinken.

<ul id="menu3">
<li class="act">K</li>
</ul>

Ansonsten legst du dir das so an:


ul#menu3 li a.act { ... } und gibst dem Link die Klasse "act".

<ul id="menu3">
<li class="act"><a href="#" class="act">K</a></li>
</ul>

Gruß