Aufzählungszeichen für <li>

$$freaky44$$ · 29. März 2009

Warum geht das Aufzählungszeichen für <li> nicht weg?

Mein HTML-Code:

HTML

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">




<head>
    <title>Navigation</title>




    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <meta name="keywords" content="" />
    <meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />




    <link href="style.css" type="text/css" rel="stylesheet" />
</head>




<body>
    <h1>Navigation</h1>




    <ul id="Navigation">
      <li><a href="index.htm">Home</a></li>
      <li><a href="forum.htm">Forum</a></li>
      <li><a href="profil.htm">Mein Profil</a></li>
    </ul>







</body>
</html>

Alles anzeigen

Mein CSS-Code:

Code

html, body
a {
   font: normal 100.01% Helvetica, Arial, sans-serif;
   color: black; background-color: white;
}
ul #Navigation {
    margin: 0; padding: 0;
}
ul #Navigation li {
    list-style: none;
}

Alles anzeigen

NeoAramis · 29. März 2009

Code

html, body
a {
   font: normal 100.01% Helvetica, Arial, sans-serif;
   color: black; background-color: white;
}
#Navigation ul {
    list-style: none;
}

$$freaky44$$ · 29. März 2009

wenn ich den von dir genannten css code nehme, bleibt das prob. das gleiche

NeoAramis · 29. März 2009

Bist du ganz sicher?

Jedenfalls sprichst du den ul-Tag so an: #Navigation ul { }

und nicht so: ul #navigation

Probiere es mal mit:

#navigation ul {
list-style-type: none;
}

Talwin · 30. März 2009

Hi,

das CSS ist so nicht korrekt:

Code

ul #Navigation li {
    list-style: none;
}

hier sprichst Du ein li an das Nachfahre von einem beliebigem tag mit der id Navigation ist, was wiederum ein Nachfahre eines uls ist. Merkst Du den Fehler? wenn Du das ul mit id Navigation meinst, dann musst Du das Leerzeichen weglassen.

so ists korrekt:

Code

ul#Navigation li {
    list-style: none;
}

oder so auch korrekt:

Code

#Navigation li {
    list-style: none;
}

Gruß Talwin

$$freaky44$$ · 30. März 2009

Danke, aber irgendwas mach ich mit dem Auslagern in die CSS datei falsch. Ich hab beides in eine Datei gemacht und dann hat es geklappt.
was mach ich beim auslagern falsch?

Talwin · 31. März 2009

also,

das Einbinden der CSS Datei ist korrekt:

Code

<link href="style.css" type="text/css" rel="stylesheet" />

Mögliche Fehler:
- Die Datei style.css befindet sich nicht auf dem Webserver
- Die Datei style.css befindet sich zwar auf dem Webserver, aber nicht im selben Verzeichnis wie die HTML Datei
- Die Datei heißt anders (Groß/Kleinschreibung kontrollieren, etc.)
- Es gibt in der HTML Datei CSS Code, der die li anders formatiert
- es gibt in der CSS Datei weiter unten Code, der die li anders formatiert

Wenn Du alles überprüft hast, und es immer noch nicht geht, dann poste hier mal die Dateinamen auf dem Server mit Verzeichnis und den kompletten Code der Dateien.

Gruß Talwin

$$freaky44$$ · 31. März 2009

jetzt geht es. war im ordner style. was mus ich machen, das die Datei style im ordner style ist und vom html gelesen wird?

Talwin · 31. März 2009

Dann musst Du den Pfad bekannt geben, der Server kann ja nicht raten, wo er suchen soll. Beim Einbinden folgendes schreiben:

Code

<link href="style/style.css" type="text/css" rel="stylesheet" />

Gruß Talwin

$$freaky44$$ · 31. März 2009

Danke, jetzt klapt alles erst mal

Aufzählungszeichen für <li>

Jetzt mitmachen!

Teilen