zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Eure Möglichkeiten um aktive LInks hervorzuheben

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 03.07.2007, 22:47
Benutzerbild von Peter Klein
CSS-Fetischist
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 27.02.2006
Ort: Berlin
Beiträge: 375
Peter Klein befindet sich auf einem aufstrebenden Ast
Standard Eure Möglichkeiten um aktive LInks hervorzuheben

Hallo

Welche Methoden nutzt Ihr, um in einem Menu einen aktivenm Link hervorzuheben?

Ich mache es eigentlich so, das der body eine ID bekommt, dann gebe ich jedem <li> in diesem Menu eine ID und setze diese beiden ID`s in der CSS Datei zu der a:hover, a:active Eigenschaft.

Habt Ihr vielleicht elegantere Lösungen?
Es soll ohne irgendwelche Spielereien mit JS und so sein. Möchte gerne wissen wie man sowas in mehreren Varianten nur mit CSS hinbekommt.

Peter
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 03.07.2007, 22:53
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 13.07.2006
Beiträge: 414
Maxefix ist ein sehr geschätzer MenschMaxefix ist ein sehr geschätzer MenschMaxefix ist ein sehr geschätzer Mensch
Standard

Also ich geb dem aktiven Listenelement einfach eine Klasse?! Warum so kompliziert?

Gruß

Max
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 03.07.2007, 23:35
Benutzerbild von Peter Klein
CSS-Fetischist
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 27.02.2006
Ort: Berlin
Beiträge: 375
Peter Klein befindet sich auf einem aufstrebenden Ast
Standard

Stimmt, ist eigentlich ne einfachere Methode, aber ich geh öftzer mal nen anderen Weg, muss ich mir mal abgewöhnen

Geändert von Peter Klein (04.07.2007 um 06:49 Uhr)
Mit Zitat antworten
  #4 (permalink)  
Alt 04.07.2007, 11:23
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Da Links nicht auf sich selber zeigen sollen, ersetze ich den betreffenden Link auf der gerade betrachteten Seite durch strong.
Mit Zitat antworten
  #5 (permalink)  
Alt 04.07.2007, 12:54
Benutzerbild von Peter Klein
CSS-Fetischist
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 27.02.2006
Ort: Berlin
Beiträge: 375
Peter Klein befindet sich auf einem aufstrebenden Ast
Standard

und wie genau zeichnest du es dann aus?
Mit Zitat antworten
  #6 (permalink)  
Alt 04.07.2007, 13:41
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Code:
<li><strong>Home</strong></li>
Mit Zitat antworten
  #7 (permalink)  
Alt 04.07.2007, 14:23
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 29.07.2005
Beiträge: 1.073
xm22 befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
ersetze ich den betreffenden Link auf der gerade betrachteten Seite durch strong.
Zitat:
und wie genau zeichnest du es dann aus?
Zitat:
<li><strong>Home</strong></li>
lol - schöner Dialog

Das ist ja wie:

"Wie heißen Sie?"
"Müller - ohne 'K'."
"Wie - ohne 'K'? Müller wird doch ohne 'K' geschrieben?!"
"Sag ich ja..."

__________________
... Meine Meinung
Mit Zitat antworten
  #8 (permalink)  
Alt 04.07.2007, 14:25
Benutzerbild von Dieter
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 12.09.2003
Beiträge: 3.635
Dieter sorgt für eine eindrucksvolle AtmosphäreDieter sorgt für eine eindrucksvolle Atmosphäre
Standard

Hier findet sich mehr zum Thema: http://xhtmlforum.de/46628-der-back-...erte-navi.html
__________________
Informationen aus Koblenz-Metternich
-----------------------------------
"Wissen heißt, Fragen zu erwerben."
Mit Zitat antworten
  #9 (permalink)  
Alt 06.07.2007, 00:21
Benutzerbild von Peter Klein
CSS-Fetischist
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 27.02.2006
Ort: Berlin
Beiträge: 375
Peter Klein befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von heiko_rs Beitrag anzeigen
Code:
<li><strong>Home</strong></li>
Aber ich habe ein kleines Problem, wenn ich das <a> raus nehme und durch ein <strong> ersetze, und diesem die gleichen Werte wie der Klasse active zuweise stimmt nichts mher und der aktive LInk fällt aus der Liste.

Oder mache ich was falsch?

HTML:
Code:
<ul id="navi">
<li><strong class="active" href="index.html" title="">Lorem ipsum</strong></li>
<li><a href="#" title="">Lorem ipsum</a></li>
<li><a href="#" title="">Lorem ipsum</a></li>
<li><a href="#" title="">Lorem ipsum</a></li>
<li><a href="#" title="">Lorem ipsum</a></li>
</ul>
CSS:
Code:
#navi li a:link, a:visited {
  float: left;
  width: 6em;
  display: block;
  padding: 0.5em;
}

#navi li a:hover {
  color: #ff3300;
}

strong, .active {
  color: #fff;
  background: #ff3300 ;
}
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 06.07.2007, 00:43
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von Peter Klein Beitrag anzeigen
Code:
#navi li a:link, a:visited {
  float: left;
  width: 6em;
  display: block;
  padding: 0.5em;
}
Gib das auch strong.
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
FAQ -- Häufig gestellte Fragen und häufig gegebene Antworten mazzo CSS 10 05.04.2012 18:32
Bräuchte Hilfestellung weil meine Seite nicht richtig angezeigt wird. Picasso CSS 36 03.01.2011 20:41
Navigation links und oben soll aktive Seite anzeigen Zischel CSS 2 16.02.2007 23:30
Holy Grail und der Internet Explorer! ONeill CSS 23 01.06.2006 19:20
Probleme mit 3 spalten luk CSS 3 08.06.2005 15:39


Alle Zeitangaben in WEZ +2. Es ist jetzt 03:12 Uhr.