Super Danke Mr Murphy,
Ich habe gerade erst mit CSS angefangen. Könntest Du mir erklären, was die Zeile genau macht.
Steuere ich damit den li Tag vom ol unabhängig vom ul-Tag, da das größer Zeichen die Verknüpfung von ol auf li überträgt, aber eben nur auf die Klasse ebene1 und ebene2?
Liebe Grüße
Dirk
Ich bin gerade dabei ein Inhaltsverzeichnis zu erstellen, bei denen die obere Ebene eine ganze Zahl beinhalten soll und die zweite Ebene durch Übernahme der ersten Ebene mit übernommen werden soll.
In der Liste tauchen aber auch ul-Tags auf, bei denen nur der Punkt dargestellt werden soll und nicht weiter gezählt werden soll.
Kann mir jemand sagen, wie man das mit CSS genau macht.
Liebe Grüße und vielen Dank im Voraus
<!DOCTYPE html>
<html>
<head>
<title>Titel</title>
<meta charset="UTF-8">
<meta name="description" content="">
<meta name="author" content="">
<meta name="keywords" content="">
<meta name="generator" content="Webocton - Scriptly (http://www.scriptly.de)">
<link href="style.css" type="text/css" rel="stylesheet">
<style>
ul { list-style-type: disc; color: black; font-weight: normal; }
ol { list-style-type: decimal; color: black; font-weight: bold; }
ol.ebene1 {counter-reset:listenpunkt_ebene1; list-style-type:none;}
ol.ebene1 li:before {content: counter(listenpunkt_ebene1) ". "; counter-increment:listenpunkt_ebene1;}
ol.ebene2 {counter-reset:listenpunkt_ebene2; list-style-type:none;}
ol.ebene2 li:before {content: counter(listenpunkt_ebene1)"."counter(listenpunkt_ebene2,decimal) ". "; counter-increment:listenpunkt_ebene2;}
ul.ohne {counter-reset:listenpunkt_ebene3; list-style-type: disc; color: black; font-weight: normal; }
ul.ohne li:before {list-style-type: disc; color: black; font-weight: normal; }
</style>
</head>
<body>
<h1>Presseorganisation</h1>
<ul>
<li>Organigramm</li>
<li>Verfahrensanweisungen</li>
<li>Arbeitsanweisungen</li>
<li>Formulare</li>
</ul>
<ol class="ebene1">
<li> Führen und organisieren</li>
<ol class="ebene2">
<li>Unternehmensziele</li>
<ul class="ohne">
<li>Unsere Unternehmensziele</li>
<li>Bekanntmachung der Unternehmensziele</li>
</ul>
<li>Aufgaben, Verantwortung, Anweisungen</li>
<ul>
<li>Pflichtenermittlung</li>
<li>Übertragung von Unternehmerpflichten</li>
<li>Verantwortlichkeiten in unserem Betrieb</li>
<li>Erlaubnisscheine für spezielle Arbeiten</li>
</ul>
<li>Personaleinsatz</li>
<ul>
<li>Spezielle Qualifikationsnachweise</li>
<li>Beschäftigungsbeschränkungen</li>
<li>Checkliste „Beauftragung von Zeitarbeitskräften“</li>
</ul>
</ol>
<li>Arbeitsbedingungen beurteilen und Maßnahmen festlegen</li>
<ol class="ebene2">
<li>Beurteilungen der Arbeitsbedingungen</li>
<ul>
<li>Alle durchgeführten Beurteilungen der Arbeitsbedingungen</li>
<li>Checkliste „Büroarbeitsplätze“</li>
<li>Checkliste „Bildschirmdarstellung“</li>
</ul>
</ol>
<li>Planen und Beschaffen</li>
<ol class="ebene2">
<li>Konzepte für Arbeitsgestaltung</li>
<ul>
<li>Planungshilfe „Arbeitsvorbereitung für die einzelnen Projekte/Arbeitsaufgaben“</li>
</ul>
<li>Beschaffung von gütern und Dienstleistungen</li>
<ul>
<li>Planungshilfe „Einkauf von Produkten“</li>
<li>Ausgefüllte Checklisten über Qualität der vorhandenen Lieferanten</li>
</ul>
</ol>
<li>Beschäftigte informieren und Beteiligen</li>
<ol class="ebene2">
<li>Information der Beschäftigten</li>
<ul>
<li>Infoblatt „Gesund arbeiten im Büro“</li>
<li>Dokumentierte Unterweisungen</li>
</ul>
<li>Kommunikationswege</li>
<ul>
<li>Selbstverpflichtung Kommunikationskultur</li>
</ul>
<li>Beteiligung der Beschäftigten</li>
<ul>
<li>Vorschläge „Ich schlage vor“</li>
<li>Anweisung zur Beteiligung der Beschäftigten auch an Prozessen der Verbesserung von Sicherheit und Gesundheit</li>
</ul>
<li>Aus- und Fortbildung</li>
</ol>
</ol>
</body>
</html>
