|
|||
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> 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; }
__________________
Meine Firmenhomepage : http://www.greenits.at |
Sponsored Links |
|
|||
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 |
Sponsored Links |
|
|||
Zitat:
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 |
|
|||
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; } 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 |
|
|||
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 |
|
|||
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) |
|
|||
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 |
|
|||
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 |
|
|||
Zitat:
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>
__________________
Meine Firmenhomepage : http://www.greenits.at |
Sponsored Links |
|
|||
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; }
__________________
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 |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ä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 |