✔ Problem mit Menue

Status
Nicht offen für weitere Antworten.
S

smily

Mitglied
Hallo zusammen,

habe ein einfaches CSS-Menue erstellt, das wie folgt aufgebaut ist:
Code: 
CSS-Datei:

a.navi:link	   {  DISPLAY: block; 
                      BORDER: 1px solid #FCDC7C; 
                      BACKGROUND: #333399; 
                      COLOR:#FCDC7C;
                      height:20px; font-size: 8pt;  text-align:center; 
                      PADDING-LEFT: 0px;  PADDING-RIGHT:0px;  
                      PADDING-BOTTOM: 1px;  PADDING-TOP: 2px; 
                      margin-top:0px; margin-bottom:0px}

a.navi:visited  { DISPLAY: block; 
	      BORDER: 1px solid #FCDC7C; 
                      BACKGROUND: #333399; 
                      COLOR:#FCDC7C;
                      height:20px; font-size: 8pt;  text-align:center;  
                      PADDING-LEFT: 0px; PADDING-RIGHT:0px; 
                      PADDING-BOTTOM: 1px; PADDING-TOP: 2px;
                      margin-top:0px; margin-bottom:0px;	}
	
a.navi:hover   { DISPLAY: block; 
                      BORDER: 1px solid #FCDC7C; 
                      BACKGROUND: #FCDC7C; 
                      COLOR:#333399; 
                      height:20px; font-size: 8pt; text-align:center; 
                      PADDING-LEFT: 0px; PADDING-RIGHT:0px; 
                      PADDING-BOTTOM: 1px; PADDING-TOP: 2px;
                      margin-top:0px; margin-bottom:0px;}	
			
a.navi:active   { DISPLAY: block; 
                       BORDER: 1px solid #FCDC7C; 
                       BACKGROUND: #FCDC7C; 
                       COLOR:#333399;
                       height:20px; font-size: 8pt; text-align:center;  
                       PADDING-LEFT: 0px; PADDING-RIGHT:0px; 
                       PADDING-BOTTOM: 1px; PADDING-TOP: 2px;
                       margin-top:0px; margin-bottom:0px;}				

HTML-Datei:
<body>
...
<a href="inhalt/start.htm" class="navi" target="inhalt">Startseite</a>
.....

Das Menue funktioniert an sich gut, nur habe ich das Probleme, das wenn ich irgendwo auf die Seite klicke, der Menuepunkt, wo ich mich zur Zeit befinde in die Ausgangsposition zurück geht und ich nicht sehe, auf welcher Seite ich mich zur Zeit befinde.

Kann ich das überhaupt mit css beeinflussen, oder muss ich das evtl. mit JavaScript machen?

Gruß Smily
 
Du spielst mit Sicherheit auf a.navi:active an. Wobei active nur für angeklickte Verweise gilt, also so lange wie Du da drauf klickst bzw. in dem Moment wo Du drauf klickst. CSS kann nicht automatisch erkennen auf welcher der Seiten Du Dich nun befindest und für Dich sozusagen "active" ist.

Was Du möchtest ist aber durchaus per CSS zu schaffen, dann aber per Hand. Vergib dem jeweils aktivem Link eine eigene ID und formatiere diese dann per CSS genau so wie Du es gerne haben möchtest.

Ein Beispiel gibts hier: http://css.maxdesign.com.au/listutorial/roll11.htm
 
irgendwie macht er es nicht, weiß nicht warum.
Habe eine ID vergeben und trotzdem änder sich der Hintergund.
hat jemand eine andere Idee
 
Eine Möglichkeit wäre, dass Du zwar eine ID vergeben hast, aber diese nicht richtig formatiert hast, sprich die gehört schon formatiert, sonst übernimmt er natürlich wieder die andere Formatierung.

Ansonsten könntest Du auch das ganze mal online stellen? So im Dunkeln rätseln ist nicht meine Stärke.
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück