YourWBB


yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » Navigation mit Listen, aktiven Link markieren? » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag 2.273 Views | | Thema zu Favoriten hinzufügen

Neues Thema erstellen Antwort erstellen
Zum Ende der Seite springen Navigation mit Listen, aktiven Link markieren?
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
pimpi
Mitglied


images/avatars/avatar-3263.jpg

Dabei seit: 09.08.05
Beiträge: 147
Traurig Navigation mit Listen, aktiven Link markieren? Antworten Zitieren Editieren Melden       UP
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!! smile
grüße

__________________

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von pimpi: 30.12.06 21:01.
30.12.06 21:00 pimpi ist offline E-Mail Finden Als Freund hinzufügen
Byteandi Byteandi ist männlich
Mitglied


Dabei seit: 03.09.06
Beiträge: 50
Herkunft: Berlin
Forenversion: 2.3
Antworten Zitieren Editieren Melden       UP
genau so wird das auch gemacht smile


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.

__________________

Tipps zum Thema HTML / XHTML / CSS
30.12.06 21:31 Byteandi ist offline E-Mail WWW Finden Als Freund hinzufügen
pimpi
Mitglied


images/avatars/avatar-3263.jpg

Dabei seit: 09.08.05
Beiträge: 147

Themenstarter Thema begonnen von pimpi
Antworten Zitieren Editieren Melden       UP
Also nix anderes? Muß ich immer den aktiven auswählen? Irgendwie blöd Versagt

__________________
30.12.06 23:19 pimpi ist offline E-Mail Finden Als Freund hinzufügen
Byteandi Byteandi ist männlich
Mitglied


Dabei seit: 03.09.06
Beiträge: 50
Herkunft: Berlin
Forenversion: 2.3
Antworten Zitieren Editieren Melden       UP
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.

__________________

Tipps zum Thema HTML / XHTML / CSS
30.12.06 23:24 Byteandi ist offline E-Mail WWW Finden Als Freund hinzufügen
Baumstruktur | Brettstruktur
Gehe zu:

Neues Thema erstellen Antwort erstellen
yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » Navigation mit Listen, aktiven Link markieren?