zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Hover Farbe bzw. Effekt soll bleiben ...

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 29.07.2010, 17:39
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.07.2009
Beiträge: 46
xhtmlmike70 befindet sich auf einem aufstrebenden Ast
Standard 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
Angehängte Dateien
Dateityp: txt drop.txt (3,2 KB, 5x aufgerufen)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 29.07.2010, 17:45
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Einfach weiterlesen, das wird erklärt.

Deine Textdatei ist wenig hilfreich. Du kannst Code direkt einstellen.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 29.07.2010, 17:59
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.07.2009
Beiträge: 46
xhtmlmike70 befindet sich auf einem aufstrebenden Ast
Standard

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>&nbsp;</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!!!
Mit Zitat antworten
  #4 (permalink)  
Alt 29.07.2010, 18:07
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
meinen sie so mit direkt:
Nein, ich meine die Markierung von Code als Code. Da gibt es eine Schaltfläche im Editor dafür ("code" oder "html code")
Code:
Codebereich, manuell mit [ code ][ /code ] (ohne Leerzeichen)
Zitat:
werde aber auch weiterlesen.
Es ist nicht mehr weit. Bereits das nächste Beispiel behandelt das Problem.
[kurz: nicht a:hover sondern li:hover a]

Bitte bleib beim Du, das ist hier üblich.
Mit Zitat antworten
  #5 (permalink)  
Alt 29.07.2010, 18:38
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.07.2009
Beiträge: 46
xhtmlmike70 befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
  #6 (permalink)  
Alt 29.07.2010, 18:41
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

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.]
Mit Zitat antworten
  #7 (permalink)  
Alt 29.07.2010, 19:01
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.07.2009
Beiträge: 46
xhtmlmike70 befindet sich auf einem aufstrebenden Ast
Standard 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
Angehängte Grafiken
Dateityp: jpg buch.jpg (87,9 KB, 9x aufgerufen)
Mit Zitat antworten
  #8 (permalink)  
Alt 29.07.2010, 19:03
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Seite 315.
Mit Zitat antworten
  #9 (permalink)  
Alt 29.07.2010, 19:21
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.07.2009
Beiträge: 46
xhtmlmike70 befindet sich auf einem aufstrebenden Ast
Standard

ja bin gerade dabei. hochinteressant. könnte mal jemand dafür sorgen, das die alten ie browser verschwinden
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
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


Alle Zeitangaben in WEZ +2. Es ist jetzt 09:46 Uhr.