Willkommen auf dem Portal für Mediengestalter

würmchen86 · Threadersteller

Hi, ich mach gerade eine Internetseite mit CSS und ich habe eine Navi oben nebeneinander und bei verschiedenen Links öffnet sich dann links unten eine seperate Navi deren Menüpunkte untereinander sind. bzw sein sollten.

Ich bin echt ratlos, ich hab die div-Bereiche korrekt angelegt, CSS datei ist auch korrekt verlinkt, bitte helft mir.

Also der CSS-Code sieht so aus:
#u-menu ul{ /*menü links*/
width: 150px;
list-style-type: none;
border-bottom: 2px solid #A0A0B0;
}
#u-menu li {
list-style-type: none;
margin-left: 30px;
}
#u-menu a { /*was in den boxen steht*/
list-style-type: none;
display: block;
width: 120px;
color: #A0A0B0;
background-color: #E7D39C;
text-decoration: none;
border-bottom: 2px solid #CE9A42;
font-size: 14px; /*Schriftgröße*/
}
#u-menu a:hover{
list-style-type: none;
color: FFFFCC;
background-color: B%AE42;
}
Die Punkte davor gehen net weg und die Farbe und das Unterstrichene lässt sich erst recht net bearbeiten.
Hab ich was falsch gemacht Hä?

Gruß Sandra * Ich bin müde... *

ramydamy · **Verfasst** Mo 07.05.2007 18:34 **Titel**

Hi!

Ich schätze mal du hast in deinem HTML Code einen Fehler,
wahrscheinlich hat die ID einen falschen Namen oder sie fehlt.
Poste bitte mal den HTML Code dann kann dir eher geholfen werden! Lächel

Dann ist da noch:

würmchen86 · Threadersteller

Ich hab den div Bereich umbenannt von u-menu in untermenu

Quellcode:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Fahrschule Sukkel</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="styles.css" rel="stylesheet" type="text/css">
</head>

<body scroll="yes">
<div id="wrapper">
<div id="header"></div>
<div id="menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="team.html">Team</a></li>
<li><a href="#">Fahrzeuge</a></li>
<li><a href="#">Fahrschulen</a></li>
<li><a id="selected"><span id="white">Preise</span></a></li>
<li><a href="#">Klassen</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Impressum</a></li>
</ul>
</div>
<div id="main">
<div id="ueberschrift">Preise</div>
<div id="linie"></div>
<div id="left">
<div id="untermenu"></div>
<ul>
<li><a href="#">a-direkt</a></li>
<li><a href="#">A</a></li>
<li><a href="#">A1</a></li>
<li><a href="#">M</a></li>
<li><a href="#">B</a></li>
<li><a href="#">BE</a></li>
<li><a href="#">Mofa</a></li>
<li><a href="#">B + BE</a></li>
<li><a href="#">B + A-Direkt</a></li>
<li><a href="#">B + A</a></li>
<li><a href="#">B + A1</a></li>
</ul>
</div>
<div id="box"><iframe src="#" name="iframe"></iframe></div>
<div id="footer">Rights</div>
</div>
</div>

</body>
</html>

ramydamy · **Verfasst** Mo 07.05.2007 19:00 **Titel**

Wenn du im HTML den div umbenennst musst du ihn im CSS auch ändern
oder eben andersrum, damit HTML und CSS die gleiche ID haben sonst funktioniert es nicht.

Und dann ist ein div zuviel:

würmchen86 · Threadersteller

es geeeeeeeeeeeeeeeeeeeht JAAAAAAAAAAAAA!
3 Wochen arbeit und es hapert an dem </div> so eine sch.... Meine Güte!

ich danke dir, wie konnte ich das übersehen? au man * grmbl *

ramydamy · **Verfasst** Mo 07.05.2007 19:17 **Titel**

Gerne!

Willkommen auf dem Portal für Mediengestalter

Thema: Problem mit CSS. meine Liste lässt sich nicht gestalten vom 07.05.2007

Problem mit CSS. meine Liste lässt sich nicht gestalten