zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden CSS Menu - active Seite hervorheben

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 19.12.2008, 16:50
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.12.2008
Beiträge: 2
celine70 befindet sich auf einem aufstrebenden Ast
Standard CSS Menu - active Seite hervorheben

Hallo an euch alle,

ich habe ein css-menu gefunden: Horizontal CSS Menus || CSS Menu Builder

Dort ist die Navileiste blau und bei hover schwarz.
Wie kann ich jetzt dazuschreiben, dass auf der aktiven Seite, auf der ich mich befinde, der schwarze Hintergrund zu sehen sein soll?

html:
<ul id="menu">
<li><a href="#" target="_self" title="sample">sample</a></li>
<li><a href="#" target="_self" title="sample">sample</a></li>
<li><a href="#" target="_self" title="sample">sample</a></li>
<li><a href="#" target="_self" title="sample">sample</a></li>
<li><a href="#" target="_self" title="sample">sample</a></li>
</ul>

css:
ul#menu{
margin:0;
padding:0;
list-style-type:none;
width:auto;
position:relative;
display:block;
height:40px;
text-transform:uppercase;
font-size:13px;
background:transparent url("images/blue.jpg") repeat-x top left;
font-family:Helvetica,Arial,Verdana,sans-serif;
}
ul#menu li{
display:block;
float:left;
margin:0;
pading:0;
border-right:1px solid #ffffff;
}
ul#menu li a{
display:block;
float:left;
color:#ffffff;
text-decoration:none;
padding:12px 20px 0 20px;
height:24px;
height:40px;
}
ul#menu li a:hover{
background:transparent url("images/black.jpg") repeat-x top left;
}

Ich habe schon das Forum durchsucht und einiges ausprobiert , aber es klappte nicht (

Ich bin euch für Tipps sehr dankbar.

Eure Celine
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 19.12.2008, 17:09
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 14.03.2007
Ort: Bad Schmiedeberg
Beiträge: 1.395
regloh wird schon bald berühmt werden
Standard

Gib deinen Menüs eine Klasse oder ID

Code:
<li id="home"><a href="#" target="_self" title="sample">sample</a></li>
und deinem body ebenfalls. Dem Body aber je nach Seite eine andere. Also wenn du dich auf der Hauptseite befindest, muss dein Bode eine id="hauptseite" haben oder so.

Über CSS sprichst du dann dein li-Element IM body mit der id="hauptseite" an.

Code:
body#hauptseite li#home
{
background:transparent url("http://xhtmlforum.de/images/black.jpg") repeat-x top left; 
}
und feddisch
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 19.12.2008, 23:59
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.849
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

Besser den Link entfernen (siehe FAQ, zweite Hälfte von Punkt 11).
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
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
Hilfe css Menu center xXcyberXx CSS 5 28.11.2010 19:51
CSS Flyout Menu funktioniert im IE nicht deXx CSS 9 07.10.2010 16:01
Css Tree Fly Menu thiagojonas CSS 7 30.12.2008 20:10
CSS Navigation aktiver Link mimii CSS 0 25.08.2008 10:50
Horizontale Leiste mit Css und xhtml formatieren bettina CSS 1 06.01.2007 12:49


Alle Zeitangaben in WEZ +2. Es ist jetzt 02:34 Uhr.