Navigation mit Listen, aktiven Link markieren?

pimpi

Hallöchen!

Kann es sein daß es nicht möglich ist mit einer Listennavigation den aktiven Link anders formatiert darzustellen? Ich geb das langsam auf unglücklich

. Momentan habe ich das mit "current" gelöst, aber kanns ja nicht sein verwirrt

Hier mein css:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:

/* header navigation */

#header-navlist
{
	padding: 5px 0;
	margin-left: 0;
	margin-top: 10px;
	border: 1px solid #9C5925;
	border-bottom: 24px solid #FF9900;
	font: bold 12px Verdana, sans-serif;
	background: #D78100;
}

@media all {
#header-navlist {
text-align: center;
}
}

#header-navlist li
{
list-style: none;
margin: 0;
display: inline;
}

#header-navlist li a
{
padding: 5px 0.5em;
margin-left: 3px;
border: 1px solid #9C5925;
border-bottom: none;
background: #D78100;
text-decoration: none;
}

#header-navlist li a:link { 
color: #FFFFFF;
 }

#header-navlist li a:visited { 
color: #FFFFFF;
 }

#header-navlist li a:hover
{
color: #FFFFFF;
background: #BE7200;
border-color: #693A06;
}

#header-navlist li a#current
{
	background: #FF9900;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	color: #FFFFFF;
	padding-top: 10px;
}

/* header navigation end */

Und im html:

code:

1:
2:
3:
4:
5:
6:

        <ul id="header-navlist">
          <li id="active"><a href="index.html" id="current">Willkommen</a></li>
          <li><a href="index2.html">Bla</a></li>
          <li><a href="#">Bla Bla</a></li>
          <li><a href="#">Bla Bla</a></li>
        </ul>

Wäre toll wenn jemand eine Idee hat. Danke!!

grüße

Byteandi

genau so wird das auch gemacht

mit a:active könntest du nur arbeiten, wenn du ein frameset haettest, bzw. du die seite in dem der link ist nicht neu geladen wird.

pimpi

Also nix anderes? Muß ich immer den aktiven auswählen? Irgendwie blöd Versagt

Byteandi

naj so schlimm iss das eigentlich nicht, wenn man mit einem template-system arbeitet hat man für sowas eine entsprechende variabale die für die vergabe der id zuständig ist, bzw. diese id in das template einsetzt.

Arbeitet man nur mit html-seiten macht man es eben je seite.