mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mo 03.10.2022 09:42 Benutzername: Passwort: Auto-Login

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


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Problem mit CSS. meine Liste lässt sich nicht gestalten
Autor Nachricht
würmchen86
Threadersteller

Dabei seit: 07.05.2007
Ort: Bochum
Alter: 35
Geschlecht: Weiblich
Verfasst Mo 07.05.2007 17:55
Titel

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

Antworten mit Zitat Zum Seitenanfang

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... *
  View user's profile Private Nachricht senden
ramydamy

Dabei seit: 24.02.2006
Ort: bei Stuttgart
Alter: 41
Geschlecht: Weiblich
Verfasst Mo 07.05.2007 18:34
Titel

Antworten mit Zitat Zum Seitenanfang

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:

Zitat:
#u-menu a:hover{
list-style-type: none;
color: #FFFFCC;
background-color: B%AE42;
}
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
würmchen86
Threadersteller

Dabei seit: 07.05.2007
Ort: Bochum
Alter: 35
Geschlecht: Weiblich
Verfasst Mo 07.05.2007 18:42
Titel

Antworten mit Zitat Zum Seitenanfang

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>
  View user's profile Private Nachricht senden
ramydamy

Dabei seit: 24.02.2006
Ort: bei Stuttgart
Alter: 41
Geschlecht: Weiblich
Verfasst Mo 07.05.2007 19:00
Titel

Antworten mit Zitat Zum Seitenanfang

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:

Zitat:
<div id="untermenu"></div><- das muss raus


Probier das mal aus, dann müßte es gehen
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
würmchen86
Threadersteller

Dabei seit: 07.05.2007
Ort: Bochum
Alter: 35
Geschlecht: Weiblich
Verfasst Mo 07.05.2007 19:06
Titel

Antworten mit Zitat Zum Seitenanfang

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 *
  View user's profile Private Nachricht senden
ramydamy

Dabei seit: 24.02.2006
Ort: bei Stuttgart
Alter: 41
Geschlecht: Weiblich
Verfasst Mo 07.05.2007 19:17
Titel

Antworten mit Zitat Zum Seitenanfang

Gerne! Lächel
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen HTML/CSS - Problem mit Liste
[CSS] Image Positionierung in Liste
[CSS] Submenü aus einer Liste stylen HILFE!
Tabellenrahmen mit CSS gestalten
CSS Listen ol gestalten
CSS, input file-button gestalten
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.