|
|||
Hover Farbe bzw. Effekt soll bleiben ...
hallo ihr, ist es sehr aufwendig bei angefügtem dropdownmenü ( aus "fortgeschrittene css-techniken" von rudel und chao) folgendes zu machen:
die farbe bzw. der hover-effekt im oberen hauptmenü soll beibehalten werden, solange ich in dem darunterliegendem untermenu navigiere daaaaaanke für eure hilfe. habe es selber versucht, bin aber festgefahren |
Sponsored Links |
|
|||
Einfach weiterlesen, das wird erklärt.
Deine Textdatei ist wenig hilfreich. Du kannst Code direkt einstellen.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
Sponsored Links |
|
|||
wahnsinn, die autorin persönlich. bekomme gleich gänsehaut es geht um das dropdownmenü "12-09-dropdown-mit-sf.html" aus ihrem buch. meinen sie so mit direkt:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"> <!-- saved from url=(0013)about:internet --> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title> </title> <style type="text/css"> * { margin: 0; padding: 0; } body { font: 100%/1.4 Arial, sans-serif; color: #000; background: #fff; } ul { list-style: none; } #navigation { float: left; width:100%; background: #6c8; } #navigation li { float: left; width:10em; } #navigation a { color: #000; text-decoration: none; display:block; padding:.2em .5em; background: #6c8; border-right: 1px solid #000; } #navigation a:hover { background:#ccc; } #navigation ul { position: absolute; left:-9999px; } #navigation li:hover ul, #navigation li.sfhover ul { left: auto; } #navigation li li { float: none; } #navigation li li a { background:#909; color:#fff; border-right:none; } #navigation li li a:hover { color: #000; } </style> <!--[if lte IE 7]><style type="text/css"> /* White Space Bug */ #navigation a { min-height: 0; } * html #navigation a { height: 1px; } /* CSS Popup Bug */ #navigation li:hover { text-indent: 0; } </style><![endif]--> <!--[if lt IE 7]><script type="text/javascript"> // Son of Suckerfish Dropdowns // Son of Suckerfish Dropdowns | HTML Dog sfHover = function() { var sfEls = document.getElementById("navigation").getElementsB yTagName("LI"); for (var i=0; i<sfEls.length; i++) { sfEls[i].onmouseover=function() { this.className+=" sfhover"; } sfEls[i].onmouseout=function() { this.className=this.className.replace(new RegExp(" sfhover\\b"), ""); } } } if (window.attachEvent) window.attachEvent("onload", sfHover); </script><![endif]--> </head> <body> <h1>Dropdown-Navigation</h1> <ul id="navigation"> <li><a href="#">Äpfel</a> <ul> <li><a href="#">Golden Delicious</a></li> <li><a href="#">Granny Smith</a></li> <li><a href="#">Red Delicious</a></li> </ul> </li> <li><a href="#">Bananen</a></li> <li><a href="#">Birnen</a> <ul> <li><a href="#">Abate Fetel</a></li> <li><a href="#">Williams Christ</a></li> </ul> </li> <li><a href="#">Clementinen</a></li> </ul> </body> </html> danke für ihre hilfe. werde aber auch weiterlesen. versprochen!!! |
|
|||
Zitat:
Code:
Codebereich, manuell mit [ code ][ /code ] (ohne Leerzeichen) Zitat:
[kurz: nicht a:hover sondern li:hover a] Bitte bleib beim Du, das ist hier üblich.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
|||
super hat funktioniert. "nur" ein paar selektoren anders anordnen ... als alter tabellaner mag ich das css immer mehr.
aber!!! der böse ie 6 spielt wieder nicht mit der alte haksch!!! habe mal das aus: /* IE <= 6: Gesamte Linkfläche sensitiv */ * html #navigation a { height: 1px; } /* IE <= 6: White-Space-Bug */ * html #navigation li { display: inline; zoom: 1; height /**/:1px; } der nächsten übung genommen, hat aber nicht gewirkt. hättest du da noch einen tipp? danke michael |
|
|||
Nein, ich habe keinen Tipp, denn ich weiß nicht, was "spielt nicht mehr mit" heißt und ich weiß auch nicht, wie dein Code jetzt aussieht.
Bitte: Arbeite doch die Beispiele ganz durch. Der IE6 ist immer mit berücksichtigt. [Schnipselkopieren wird nicht funktionieren. Du musst auch verstehen, wofür die jeweiligen Schnipsel gedacht sind.]
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
|||
Schnipselkopieren ...
... ja das stimmt. macht auch nicht glücklich. schiebe es immer vor mir her aber jetzt gehts los (siehe anhang
meinte nur, das beim ie6 der hover effekt nicht bleibt. aber das bekomme ich hin. danke für die nette hilfe und die ermahnung das buch zu lesen grüße michael |
|
|||
Seite 315.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Hilfe css Menu center | xXcyberXx | CSS | 5 | 28.11.2010 20:51 |
Text und Bild gleichzeitig hover effekt farbe ändern | JS-Gestaltung | CSS | 1 | 16.10.2009 20:53 |
CSS Navigation - Problem mit IE6 | pcklinik | CSS | 4 | 18.09.2007 13:04 |
Darstellungsproblem CSS Navigation im IE7 | pcklinik | CSS | 7 | 09.09.2007 18:25 |
CSS Einsteiger bittet um Hilfe | pcklinik | CSS | 0 | 06.09.2007 15:40 |