Untermenü in Listenmenü blendet sich direkt wieder aus

Jo, dann spezifiziere auch die Selektoren der dazugehörigen Regeln im Stylesheet menu_kompetenzen.css ;-)

CSS: 
#Menu ol li ol li a:link, #Menu ol li ol li a:visited { /* Menüpunkt mit Untermenüs */

                text-decoration: none;
                color: #8ea8d3;
}

#Menu ol li ol li a:hover { /* Untermenüpunkte beim Hover  */

                text-decoration: none;
                color:#c0cfe7;
}

mfg Maik
 
akdesign hat gesagt.:
Ahhh, jetzt ist es perfekt
Zum Vergrößern anklicken....
"Perfekt" ist es, wenn zum einen dein Markup validiert, denn du rufst darin noch immer diverse ID-Bezeichner (Quadrat, Quadrate, Quadrat_1) mehrmals auf (weitere Fehler siehe http://validator.w3.org/check?uri=h...e&ss=1&group=0&user-agent=W3C_Validator/1.654), und wenn zum anderen das Wechseln der Quadratbilder beim Überfahren der Links anstelle von Javascript mit Hilfe von CSS umgesetzt wird, Stichwort: CSS-Rollover.

Bedenke, JS kann im Browser des Seitenbesuchers aus Sicherheitsgründen /-beschränkungen, o.ä. deaktiviert sein, und dann war's das mit dem herrlichen Bildertausch.

Zudem wirst du positiv überrascht sein, wie sich dein HTML-Code dank der CSS-Technik verschlankt.

Stell dir dazu im Vergleich deine derzeitige "Menü-Konstruktion" bei einem umfangreicheren Webangebot vor, und wie sich der HTML-Code dadurch unnötig aufbläht.

mfg Maik
 
Jetzt bist Du aber streng mit mir!

Aber ich bin ja dankbar für jeden hilfreichen Hinweis.

Aber was meinst Du mit:
denn du rufst darin noch immer diverse ID-Bezeichner (Quadrat, Quadrate, Quadrat_1) mehrmals auf
Zum Vergrößern anklicken....

Meinst Du damit, ich müsste jede div von jedem Quadrat anders bezeichnen?
Also 7 verschiedene divs definieren?

Grüße
Andrea
 
Jetzt hab ich nochmal ein ganz tolles Phänomen:

ich habe jetzt noch
Code: 
a:hover { color: #33FF00;text-decoration:none; }
hinterlegt.
Das funktioniert jetzt interessanterweise nicht bei allen Punkten
Wenn ich jetzt den href-Link z.B. bei Unternehmen auchr mit reparaturen.html hinterlege, funktionieren sie.

Und - im FF funktionieren andere Punkte nicht wie im IE.
(Bei Kompetenzen ist es gewollt)

Was soll denn das bitteschön für eine Logik sein

Siehe:
http://kessler-creativdesign.de/vonBriel/chronik.html
 
Ich weiß jetzt nicht, wo hier das Problem liegt, denn bei mir funktioniert die :hover-Pseudoklasse auch dann browserübergreifend, wenn im href-Attribut kein URL zu einem Verweisziel angegeben ist:
HTML: 
<a href="#">...</a>


Und ja, jedes dieser DIVs müsste einen individuellen ID-Bezeichner erhalten.

Wenn du aber meinem Ratschlag folgst, den Grafiktausch mit CSS umzusetzen, entfallen diese DIVs im HTML-Code gänzlich.

mfg Maik
 
Hey Maik,

ich bau jetzt gerade die Site nochmal komplett neu auf - schön nach Deinen Vorgaben.

Wie bekomm ich es jetzt hin, dass meine Site beim Verändern des Browserfensters immer "mittig" ist - horizontal wie auch vertikal, also dass sie nicht immer "oben" hängt?

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Untitled Document</title>
</head>

<style type="text/css">
table { border: 0;}

td { border: 0 }

</style>

<body bgcolor="#1e4568">
<div id="content">
<table border="0" cellpadding="0" cellspacing="0" width="955" align="center">
  <tbody><tr valign="top">
    <td rowspan="2"><img src="images/menuleiste.gif"></td>
    <td><img src="images/headleiste.jpg"></td>
  </tr>
  <tr>
    <td><img src="images/background.jpg"></td>
  </tr>
</table>
</div>

</body></html>
 
OK, hab ich hinbekommen.

Super danke.

Mach morgen den Rest fertig und würd gerne die Site nochmal Deinem Kennerblick dann unterziehen.
Ist das für Dich ok?

Möchte mich ja der "perfekten" Seite immer mehr annähern.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück