hover ist mouseover
Hat also mit der Beständigkeit der Farbe bei eigentlicher "Inaktivität" nichts zu tun
so gehts:
ul#menu-hauptmenu.menu .current_page_ancestor > a {
color:#91484B;
}
Wie jetzt? Du wolltest doch den den Hovereffekt anwenden.
Hier mal ein Beispiel. Vielleicht mißverstehen wir uns ja.
http://www.gipspferd.de/css/anleitung/a20/a20.php#acht
So sollte es klappen.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>navi</title>
<style>
* {
margin:0;
padding:0;
list-style:none;
text-decoration:none;
}
ul {
width:200px;
margin:10px;
padding:20px 0;
background:#ffa;
border:1px solid #a33;
}
ul li span {
display:block;
padding-top:3px;
text-align:center;
}
ul li span.df {
padding-bottom:20px;
}
ul li {
position:relative;
}
li ul {
position:absolute;
left:-99999px;
top:-20px;
width:400px;
padding:10px;
margin:0;
background:#fff;
border:3px solid #a33;
}
li ul li {
border:1px solid #000;
background:#eee;
margin:20px;
padding:0px;
}
li ul li.caption {
border:none;
background:transparent;
}
li a {
display:block;
padding:5px;
background:#eee;
color:#000;
font-weight:bold;
}
li:hover ul {
left:200px;
}
li a:hover {
background:#ffa;
}
li ul a {
text-align:center;
}
</style>
</head>
<body>
<ul>
<li><span class="df">Deutsches Fernsehen</span> <span>Watch</span> <span>German Television</span> <span>here! </span>
<ul>
<li class="caption">Courtesy of ARD and ZDF - many thanks!</li>
<li><a href="http://www.tagesschau.de/multimedia/livestreams/index.html" target="blank">ARD Tagesschau</a></li>
<li><a href="http://www.ardmediathek.de" target="blank">ARD Mediathek</a></li>
<li><a href="http://www.zdf.de" target="blank">ZDF Homepage</a></li>
<li><a href="http://www.heute.de/ZDFheute" target="blank">ZDF Heute Nachrichten</a></li>
</ul>
</li>
</ul>
</body>
</html>li:hover a [ color:farbe;} oder li:hover > a sollte helfen
So nun habe ich mir ein kurzen Überblick verschafft und muss schreiben, dass dieses HILFETOOL sehr gewöhnungsbedürftig ist. Mein Fall ist es nicht. Mit der Hand geht's schneller und viel einfacher.Egal, geschütze Leerzeichen konnte ich nicht feststellen.Wenn du vielleicht im Edit-Mode versuchst die Tags von Hand einzutragen, werden dies maskiert. Am Besten du stellst mal ein HTML-Code ein so wie du in erstellst und speicherst.Mal 'ne Frage. Wieviel Euronen hast du denn bezahlt?P.S. So doof war ich auch mal und habe mir vor einigen Jahren so'n Programm gekauft. Anschließend musste ich mir noch 2 Bücher kaufen um HTML und CSS lernen zu können. Letztere Entscheidung war die beste.
Ich bin gerade dabei eine Trial Version zu Downloaden. Werde mal ein bissel rumspielen und dir berichten, was es mit den Leerzeichen auf sich hat. Übrigens behauptet MS das alles Standardkonform sei.
Bis dann.
Ich kenn dieses Programm nicht.
1. Möglichkeit : jede neu erstellte Seite in einem Texteditor (Notepad) laden und alle Leerzeichen entfernen.
2. Möglichkeit: HTML und CSS lernen.
Nimm mal den xml Prolog vor dem Doctype raus.
Du bist wohl mit deinen div's etwas durcheinander gekommen?
<div style="background: url(http://shop.vespa-schmiede.de/ebay/bg.jpg) no-repeat white; width: 850px; margin-top:10px auto; padding-top: 150px; min-height: 700px;text-align:center;"'></div>
<div><img src="http://shop.vespa-schmiede.de/ebay/unten.gif"></div>Schmeiss mal alle width's und height's aus den a , vor allem aber aus dem #menu li, Elementen raus.
Also, wie dein Problem zu lösen wäre weiß ich nicht. Der Grund ist der, dass ich noch nichts gesichtet habe.
Ich weiß aber, dass -Verweis-sensitive Grafiken- für Weblayouts sehr kritisch sind. Übrigens ist deine Seite bei abgeschalteten Styles und oder -Keine Grafiken- überhaupt nicht mehr bedienbar. Geh einfach einen neuen Web und alles wird gut. Glaube mir(uns).
mfg
henry
Nur ein Hinweis zu den Links. Ja, sie existieren. Nur leider ist der schwarze Linktext nicht dort wo wir ihn vermuten, sondern oberhalb der Schrift. Zumindestens bei meiner Auflösung.
Viel Spasss beim Suchen.
Achso, dann guck mal hier.
http://www.gipspferd.de/forumhilfe/display-table/
#links {
width:260px;
float:left;
}
#rechts {
margin-left:260px;
}
Für diese Spalten kein margin und padding verwenden.
Nur die Elemente wie bsw. li , h1 , p u.s.w. oder #links_innen und #rechts_innen
Ist aber sehr unflexibel. Naja wirst es schon machen.
Hier noch etwas Lesestoff. Wenn Interesse beseht.http://little-boxes.de/little-boxes-teil1-online.html
Na gut, weil dein Grunglagenwissen fehlt. Die max. Breite kannst du ja noch anpassen. Übrigens 1em sind ca. 16px.
Hier die Änderungen
#content {
float: left;
width:66.6%;
min-height: 500px;
background-color: green;
}
#links {
float:left;
width:33.3%;
min-height: 500px;
background:url(content.jpg) #ddd;
}HTML
<div id="content">
Inhalt
</div>
<div id="links">
Weiterführende Links.
</div>Nochwas. Warum willst du deine Besucher nötigen horizontal zu scrollen?
Bin mir nicht sicher ob du es so möchtest. Einfach mal kopieren und testen.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> Titel</title>
<style type="text/css">
* {
margin:0;
padding:0;
list-style:none;
text-decoration:none;
border:none;
}
#wrapper {
max-width:60em;
min-width:760px;
min-height:100%;
margin:0 auto;
}
#kopf {
text-align: center;
font-style:oblique;
font-size: 1.2em;
letter-spacing: 0.5em;
word-spacing: 2em;
height: 150px;
line-height:10em;
background: url(headerverlauf.jpg) no-repeat lightblue;
color: orange;
}
#navi {
max-width:60em;
min-width:760px;
text-align:center;
background:#ccc;
padding:5px;
}
#navi li {
list-style: none;
display: inline;
font-size: xx-large;
font-family: monospace;
font-weight: bold;
padding:5px;
}
#navi li a:hover {
color:red
}
#navi li a {
color: white;
margin-right:60px;
}
#links {
float: left;
width:33.3%;
min-height: 500px;
background-color: green;
}
#content {
float:left;
width:66.6%;
min-height: 500px;
background:url(content.jpg) #ddd;
}
#fuss {
clear:left;
text-align: center;
background: #8B8878;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="kopf"> <h1>Ein Titel</h1></div>
<div id="navi">
<ul>
<li><a href="http://www.google.de">HOME</a> </li>
<li><a href="http://www.google.de">SEITE 2</a> </li>
<li><a href="http://www.google.de">SEITE3</a> </li>
<li><a href="http://www.google.de">Kontakt</a> </li>
</ul>
</div>
<div id="links">
Weiterführende Links.
</div>
<div id="content">
Inhalt
</div>
<div id="fuss">
Hier kommt mal das Impressum hin!
</div>
</div>
</body>
</html>Dann nimm für name id.
<a href=#sprung>da hin</a>
<a id="sprung">Hallo</a> Hier bist du nicht nur auf A-Elemente beschrenkt.
Wenn du willst, dann lies mal hier in aller Ruhe.
Vertikales Aufklappmenü
oder hier. Ist aber umfangreicher
mavi kontextbezogen anzeigen lassen
Hallo Ihr alle! 
Ich hätte eine Frage. 
Würde eine Schritt für Schritt Anleitung ohne Fachbegriffe (nach Möglichkeit) mit den wichtigsten HTML Elementen ca. 5 Tags und ein paar StyleSheets, die zum erstellen einer ersten kleinen HP ausreichen sinnvoller sein ???
Naja wer möchtem kan sich ja mal dazu äußern. 
mfg
djheke
Hallo,
Danke für Deine Tipps. CSS ist wieder valide.
grüß
djheke