zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Menue Css Problem

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 26.11.2008, 20:06
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.11.2008
Ort: Österreich, Tirol
Beiträge: 16
AKraisser befindet sich auf einem aufstrebenden Ast
Standard Menue Css Problem

Hallo habe folgendes Problem und komm nicht drauf!
bring das menue nicht zum laufen wie es soll.
Irgendwie hab ich einen Denkfehler.

Menuestruktur:
Code:
1. <ul class="sidebar_blau">
2.   <li class="page_item current_page_ancestor page_folder">< a href ...
3.       <ul>
4.           <li class="page_item current_page_item"><a href ...
5.           <li class="page_item"><a href ...
6.           <li class="page_item"><a href ...
7.           <li class="page_item"><a href ...
8.      </ul>
Also 2. das elternelement soll blau sein weils aktiv ist
4. das aktive untermenue soll auch blau sein
der rest weiß und nur mit a:hover blau werden.

Style:
Code:
.sidebar_blau .page_item .current_page_item a { color:#0099CC;  }
.sidebar_blau .page_item .current_page_ancestor .page_folder a { color:#0099CC;  }
.sidebar_blau .page_item a { color:white;  }
hmm steh echt an mit meinem wissen
__________________
Meine Firmenhomepage : http://www.greenits.at
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 26.11.2008, 21:16
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.037
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Mit deinen Codeschnipseln ist nichts anzufangen.
Ich weiß nicht ob dein HTML Fehler hat oder ob was dein CSS blockiert.
Was ist ein 2. Elternelement?
Wer benennt die Klassen so schwierig?
Wofür ist die Klasse page_item gedacht? Sie ist überflüssig.

Mach doch mal ein Testcase
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 26.11.2008, 21:26
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.11.2008
Ort: Österreich, Tirol
Beiträge: 16
AKraisser befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von andir Beitrag anzeigen
Mit deinen Codeschnipseln ist nichts anzufangen.
Ich weiß nicht ob dein HTML Fehler hat oder ob was dein CSS blockiert.
Was ist ein 2. Elternelement?
Wer benennt die Klassen so schwierig?
Wofür ist die Klasse page_item gedacht? Sie ist überflüssig.

Mach doch mal ein Testcase
Sorry die Klassen können nicht anders benannt werden. Die werden automatisch so ausgegeben durch das CMS.

2. soll heissen zeile 2 im code ! mit elternelemt mein ich einfach nur den übergeordneten Menuepunkt.

Vielleicht wirds klarer wenn ich dir den link gebe !? UNTERNEHMEN » Alois Praschberger - No Limits for Handicapped
wie gesagt der HTML code ist fix aber das Css kann angepasst werden!
__________________
Meine Firmenhomepage : http://www.greenits.at
Mit Zitat antworten
  #4 (permalink)  
Alt 26.11.2008, 22:08
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.037
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Du verwendest folgendes CSS für die betreffende Stelle:

Code:
.sidebar_blau a {
color:white;
display:block;
font-size:15px;
font-weight:bold;
text-align:left;
text-transform:uppercase;
white-space:nowrap;
}
.sidebar_blau li {
list-style-type:none;
margin:0 0 20px 10px;
padding:0;
}
.sidebar_blau li ul {
padding:0 0 0 10px;
}
.sidebar_blau li ul li {
margin:0;
padding:0;
}
.sidebar_blau ul li.current_page_item a, .sidebar_blau .current_page_ancestor a, .sidebar_blau a:hover {
color:#0099CC;
}
.sidebar_blau .current_page_ancestor ul a {
color:white;
}
Sidebar_blau hat kein ul als Kindelement. ( soviel zum vollständigen Code )

Schau mal ob das reicht.
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
  #5 (permalink)  
Alt 27.11.2008, 10:02
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.11.2008
Ort: Österreich, Tirol
Beiträge: 16
AKraisser befindet sich auf einem aufstrebenden Ast
Standard

ohne ul funktioniert es noch schlechter! also irgendeine Wirkung hat ul dann doch!? hab schon so viel versucht und komm nicht dahinter!? mein Wissen ist noch zu wenig
__________________
Meine Firmenhomepage : http://www.greenits.at
Mit Zitat antworten
  #6 (permalink)  
Alt 27.11.2008, 11:35
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.037
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Achherrjeh,

da war ich auf einer anderen Unterseite deines Auftritts, wo es kein Ul gab.

Ich finde merkwürdig, dass mir Firebug ( Extension für ff) nicht alle css-Formatierungen anzeigt, nur ein paar davon. Aber egal. Ich werde deinen Code mal zerpflücken und dann schauen wir weiter.
Schau noch mal in einer halben Stunde rein.

Edit: Habe ich das richtig verstanden, dass es SO aussehen soll? Dann war dein Problem, dass Du vergessen hattest, bereits li.current_page_item das Blau zu verpassen.

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

<head>
    <title>page_items</title>

    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <meta name="keywords" content="" />
<style type="text/css">


body {
background-color: #222;
}
p a:link {
color:#999999;
font-weight:bold;
}
p a:visited {
color:#CCCCCC;
}
p a:hover, p a:focus {
border-bottom:1px solid #D90000;
color:#CCCCCC;
}
p a:active {
background-color:#D90000;
color:white;
}
p a[href^="http:"] {
background:transparent url(linkinsweb.gif) no-repeat scroll left center;
padding-left:16px;
}
p a[href^="http:"]:visited {
background-image:url(linkinsweb_visited.gif);
}


  .sidebar_nav {
font-family:Arial,Helvetica,sans-serif;
margin-top:178px;
overflow:hidden;
padding:0;
width:100%;
}
.sidebar_blau a {
color:white;
display:block;
font-size:15px;
font-weight:bold;
text-align:left;
text-transform:uppercase;
white-space:nowrap;
}
.sidebar_blau li {
color:#0099CC;
list-style-type:none;
margin:0 0 20px 10px;
padding:0;
}
.sidebar_blau li ul {
padding:0 0 0 10px;
}
.sidebar_blau li ul li {
margin:0;
padding:0;
}
.sidebar_blau li.current_page_item a, .sidebar_blau li ul li.current_page_item a,.sidebar_blau .current_page_ancestor a, .sidebar_blau a:hover {
color:#0099CC;
}
.sidebar_blau .current_page_ancestor ul a {
color:white;
}
.sidebar_gruen a {
color:white;
display:block;
font-size:15px;
font-weight:bold;
text-align:left;
text-transform:uppercase;
white-space:nowrap;
}
.sidebar_gruen li {
list-style-type:none;
margin:0 0 20px 10px;
padding:0;
}
.sidebar_gruen li ul {
padding:0 0 0 10px;
}
.sidebar_gruen li ul li {
margin:0;
padding:0;
}
.sidebar_gruen .current_page_item a, .sidebar_gruen .current_page_ancestor a, .sidebar_gruen a:hover, .sidebar_gruen a:focus {
color:#009933;
}
.sidebar_grau a {
color:white;
display:block;
font-size:15px;
font-weight:bold;
text-align:left;
text-transform:uppercase;
white-space:nowrap;
}
.sidebar_grau li {
list-style-type:none;
margin:0 0 20px 10px;
padding:0;
}
.sidebar_grau .current_page_item a, .sidebar_grau .current_page_ancestor a, .sidebar_grau a:hover, .sidebar_grau a:focus {
color:#999999;
}
a {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
text-decoration:none;
}
p a:link {
color:#999999;
font-weight:bold;
}
p a:visited {
color:#CCCCCC;
}
p a:hover, p a:focus {
border-bottom:1px solid #D90000;
color:#CCCCCC;
}
p a:active {
background-color:#D90000;
color:white;
}
p a[href^="http:"] {
background:transparent url(linkinsweb.gif) no-repeat scroll left center;
padding-left:16px;
}
p a[href^="http:"]:visited {
background-image:url(linkinsweb_visited.gif);
}
</style>

</head>

<body>
 <div class="sidebar_nav">
<ul class="sidebar_blau">
<li class="page_item page_folder">
</li>
<li class="page_item current_page_item page_folder">
<a title="WINTERSPORT" href="http://wp1101974.wp041.webpack.hosteurope.de/praschberger/?page_id=9">WINTERSPORT</a>
<ul>
<li class="page_item">
<a title="MONOSKI" href="#">MONOSKI</a></li>
<li class="page_item">
<a title="MONOSKI" href="#">MONOSKI</a></li></li>
<li class="page_item">
<a title="MONOSKI" href="#">MONOSKI</a></li></li>
<li class="page_item">
<a title="MONOSKI" href="#">MONOSKI</a></li></li>
<li class="page_item">
</li>
</ul>
</li>
<li class="page item"><a href="#">Monocarver</a></li>
<li class="page item"><a href="#">Monocarver</a></li>
<li class="page item"><a href="#">Monocarver</a></li>
<li class="page item"><a href="#">Monocarver</a></li>
</ul>
</body>
</html>
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte

Geändert von andir (27.11.2008 um 12:10 Uhr)
Mit Zitat antworten
  #7 (permalink)  
Alt 27.11.2008, 12:29
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.11.2008
Ort: Österreich, Tirol
Beiträge: 16
AKraisser befindet sich auf einem aufstrebenden Ast
Standard

Also erst mal vielen Dank für dein Arbeit bis jetzt!

Ganz funktioniert es leider noch nicht!
Ich versuch es noch mal verständlicher zu erklähren

Der Menüpunkt "Wintersport" soll blau sein wenn man auf ihn klickt.
Wenn man auf ein Untermenü klickt z.B. "Racer" sollen "Racer und Wintersport" blau sein und der rest soll noch mit dem "hover" ein blau bekommen wenn man drüber fährt.
Klingt einfach aber ist für mich doch sehr schwierig. Bin ja noch am lernen.
__________________
Meine Firmenhomepage : http://www.greenits.at
Mit Zitat antworten
  #8 (permalink)  
Alt 27.11.2008, 13:30
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.037
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Kannst Du im HTML die Klassenausgabe beeinflussen?
Oder musst Du mit diesen Selektoren leben?
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
  #9 (permalink)  
Alt 27.11.2008, 13:51
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.11.2008
Ort: Österreich, Tirol
Beiträge: 16
AKraisser befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von andir Beitrag anzeigen
Kannst Du im HTML die Klassenausgabe beeinflussen?
Oder musst Du mit diesen Selektoren leben?
Code:
 <div class="sidebar_nav"> KANN ICH ÄNDERN 
       <ul class="sidebar_blau"> KANN ICH ÄNDERN oder neue hinzufügen
        
       <!-- ab hier kann ich nichts mehr ändern -->
<li class="page_item current_page_item"><a title="Unternehmen" href="http:#">Unternehmen</a>
	<ul>
		<li class="page_item current_page_item"><a href="http:#" title="Schaukelpferd">HANDMADE</a>        </li>
	</ul>
</li>
<li class="page_item current_page_ancestor page_folder"><a title="Produkte" href="http:#">WINTERSPORT</a>
  <ul>
	<li class="page_item current_page_item"><a href="http:#" title="Schaukelpferd">MONOSKI</a>	</li>
	<li class="page_item"><a href="http:#" title="BAD">racer</a>	</li>
	<li class="page_item"><a href="http:#" title="Küche">SNOWBALL</a>	</li>
	<li class="page_item"><a href="http:#" title="Wohnen">lANGlAUFSCHLITTEN</a>	</li>
    <li class="page_item"><a href="http:#">TECHNIC</a>	</li>
</ul>
</li>
<!--ende bis hier nichts ändern-->
</ul>
Also einfach gesagt alles was mit page_item beginnt oder enthält kann nicht verändert werden.
__________________
Meine Firmenhomepage : http://www.greenits.at
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 27.11.2008, 16:22
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.037
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Aaah, ich mag Maschinencode nicht

Code:
   .sidebar_nav {
font-family:Arial,Helvetica,sans-serif;
margin-top:178px;
overflow:hidden;
padding:0;
width:100%;
}
.sidebar_blau a {
color:white;
display:block;
font-size:15px;
font-weight:bold;
text-align:left;
text-transform:uppercase;
white-space:nowrap;
}
.sidebar_blau li {
list-style-type:none;
margin:0 0 20px 10px;
padding:0;
}
.sidebar_blau li ul {
padding:0 0 0 10px;
}
.sidebar_blau li ul li {
margin:0;
padding:0;
}
.sidebar_blau li.page_item a, .sidebar_blau ul li.page_item a, .sidebar_blau .current_page_ancestor ul li a {
color:white;
}
.sidebar_blau li.current_page_item a, .sidebar_blau ul li.current_page_item a, .sidebar_blau .current_page_ancestor a, .sidebar_blau li a:hover, .sidebar_blau ul li.page_item a:hover {
color:#0099CC;
}
So sollte es funktionieren meinem Test nach. Versuche das nachzuvollziehen
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
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
Problem beim ein/ausblenden von Spalten in Tabellen via CSS und JavaScript chrisol_76 CSS 2 21.07.2008 18:37
Css und Steam Problem justinlenz Offtopic 3 27.03.2008 22:58
CSS Problem Adriana CSS 0 09.09.2006 17:51
CSS Tips & Tricks Webnauts Ressourcen 0 26.08.2006 00:04
Dringend: CSS Problem! zero CSS 19 31.12.2005 19:34


Alle Zeitangaben in WEZ +2. Es ist jetzt 14:53 Uhr.