XHTML & Listen = Problem

**ExBoNd** · 10.10.2003 11:35

beim validieren von verschachtelten listen tauchen ständig probleme auf: man lässt mich einfach nicht.

wie erreiche ich mehrere verschachtelungen (mit den dazugehörigen einrückungen) - aber xhtml 1.0 strict kompatibel?

danke,
exbond

folgendes ist nicht möglich:

Code:

<ul>
<li>zeile 1-1</li>
<li>zeile 1-2</li>
<ol>
<li>zeile 2-1</li>
</ol>
</ul>
<!-- neues beispiel -->
<ul>
  <li>zeile 1-1</li>
  <li>zeile 1-2</li>
  <p>zeile 2-1</p>
  <li>zeile 1-3</li>
</ul>

**AnnaStesia** · 10.10.2003 13:00

Hallo exbond,

also ich bin kein Specs-Leser, aber ich kann mir kaum vorstellen, dass in einer ul/ol etwas anderes stehen darf als ein li. das heisst, jedes weitere element, egal ob paragraph oder liste, muss innerhalb des li-elements stehen. das war schon immer so, und nur so kann es auch klappen mit der einrückung.

grüße, annastesia

**-Andreas-** · 10.10.2003 15:07

Machs doch mit css

**prefix** · 10.10.2003 19:59

hi expond, an sich eine einfache aufgabe (ich weiß: man muss mal drauf kommen

):

xhtml-code:

Code:

<!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">
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
li.unterpunkt {
	text-indent: 10px;
}
</style>
</head>

<body>
<p>Listformatierungen mit CSS:</p>
<ul>
  <li>Punkt 1</li>
  <li>Punkt 2</li>
  <li class="unterpunkt">Punkt 2.1</li>
  <li class="unterpunkt">Punkt 2.2</li>
  <li class="unterpunkt">Punkt 2.3</li>
  <li>Punkt 3 </li>
</ul>
</body>
</html>

im beispiel hier xhtml 1.0 trans, ist aber strict valide

**ExBoNd** · 10.10.2003 21:45

genial! so gehts. thx a lot @ prefix
und ich wurschtel im html herum...

@AnnaStesia: ok, es ging nur um die doppelte einrückung. die beispiele waren nur gedacht um zu zeigen was ich meine.

danke für eure hilfe!

**ExBoNd** · 14.10.2003 13:24

*mist* zu vorschnell gefreut. leider werden im mozilla zwar die einrückungen vorgenommen nicht aber die aufzählungszeichen (punkte) mitverschoben. die bleiben in einer reihe am ersten fluchtpunkt.

hat jemand eine idee?

**prefix** · 14.10.2003 13:26

na hör mal, du stellst aber ansprüche

*lol* - war ein scherz

ich schau mir die sache mal an!

**prefix** · 14.10.2003 13:29

tja, ich hab es ja geahnt *hehe* -> schau mal mit mozilla drauf - problem gelöst, hier der code:

Code:

<!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">
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
li.unterpunkt {
	text-indent: 10px;
	list-style-position: inside;
}
</style>
</head>

<body>
<p>Listformatierungen mit CSS:</p>
<ul>
  <li>Punkt 1</li>
  <li>Punkt 2</li>
  <li class="unterpunkt">Punkt 2.1</li>
  <li class="unterpunkt">Punkt 2.2</li>
  <li class="unterpunkt">Punkt 2.3</li>
  <li>Punkt 3 </li>
</ul>
</body>
</html>

das einzige, das ich noch hinzugefügt habe, ist:

list-style-position: inside;

das war's

-> funktioniert -> validiert -> imponiert

in ie6, moz/fb 0.61, nn7, op7 hab ich es getestet

es freut uns, ihnen geholfen zu haben

**ExBoNd** · 14.10.2003 15:31

super sache! thx!

bin inzwischen draufgekommen wie die uncoole methode (html) validiert ausschaut:

Code:

<p>Listformatierungen ohne CSS:</p>
<ul>
  <li>Punkt 1.1
 <blockquote>
  <p>Punkt 2.1</p>
 </blockquote>
 </li>
  <li>Punkt 1.2</li>
  <li>Punkt 1.3</li>
 <ol>
  <li>Punkt 3.1</li>
  <li>Punkt 3.2</li><!-- dieses li -->
 </ol>
  </li>
  <li>Punkt 1.4</li>
  <li>Punkt 1.5</li>
</ul>

greets...

EDIT

wwahhhh... hatte einen tippfehler (gekennzeichnet) - funktioniert aber trotzdem!?

zur Startseite vom TP

Thema: XHTML & Listen = Problem

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

XHTML & Listen = Problem

Aktive Benutzer

Aktive Benutzer