• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Aufzählungszeichen

Z

Zeitgeist_82

Neues Mitglied
Hallo,

möchte eine html datei und eine externe css datei erstellen. Bin Anfängerin und ich hoffe ihr könnt mir helfen!

das ist die html datei

<html>
<head>
<link rel="stylesheet" type="text/css"
href="../../Listen_Boxen/STYLESHEET2711_NR.css"/>

<title>Unbenanntes Dokument</title>
</head>

<body>

<ul1 class="LISTE_A1">
<li>Eintrag 1</li>
<li>Eintrag 2</li>
<li>Eintrag 3</li>
<li>Eintrag 4</li>
</ul1>

<p>

<ul2 class="LISTE_A2">
<li>Eintrag 1</li>
<li>Eintrag 2</li>
<li>Eintrag 3</li>
<li>Eintrag 4</li>
</ul2>

</body>


und das wäre meine externe css datei:

LISTE_A1 {

list-style-type: disc;

}

LISTE_A2 {

list-style-type: circle;

}

ich möchte dass die ersten 4 einträge jeweils mit einer runden schwarzen kugel als aufzählungszeichen versehen werden und der 2. eintrag mit leeren kreisen als aufzählungszeichen.

was habe ich falsch gemacht???

bitte um antworten!
 
Wenn Du per CSS eine Klasse ansprechen willst, musst Du im CSS einen Punkt vorne dran setzen. Also:

Code: 
.LISTE_A1 { .. }
 
Gerade erst gesehen: du hast auch im HTML-Code Fehler eingebaut. Einen HTML-Tag <ul1> und <ul2> gibt es nicht. Du meinst wohl <ul>.
 
Ja muss natürlich überall <ul></ul> stehen. Ich empfehle dir ausserdem alle klassenbeichnungen, und deine .css Datei in Kleinbuchstaben zu schreiben.
 
Die Kleinbuchstaben sind egal. Ich verwede gerne auch eine Mischung aus beiden (groß/klein).

Es gibt noch ein paar andere Dinge im Code, die Du irgendwann noch korrigieren musst:
1. kein Doctype
2. fehlendes charset
3. "Unbenanntes Dokument" als Titel ist ungünstig.
4. Ein alleinstehendes <p> zwischen den Listen ohne einen Textabsatz
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben