Elenco Numerato

**unreg** · 21-07-2005, 22:33

Salve,

devo fare un documento xhtml e css, con all'interno un elenco numerato così:

1.1 Voce 1
1.2 Voce 1
1.3 Voce 1
1.4 Voce 1

come lo si fa ?

grazie !

**Scalatore** · 22-07-2005, 00:06

In css <html>
<head>
<title>Titolo del documento</title>
<style type="text/css">
BODY { background:#FFFFD1; color:#000000; text-align:left;
margin-left : 250px; margin-right: 250px}
ol {list-style-position : inside}
ul {list-style-position : outside}
</style>
</head>
<body>

Prima voce
Seconda voce
Terza voce

<ul>[*]Prima voce[*]Seconda voce[*]Terza voce[/list]
</body>
</html>

in xhtml cioè html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>

1
2
3

</body>
</html>

**andrea.paiola** · 22-07-2005, 00:09

il metodo più veloce (e forse quello più corretto tenendo conto del supporto attuale dei CSS da parte dei browsers) è secono me:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it">
<head>
<title>Titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset= iso-8859-1" />
<meta http-equiv="Content-Language" content="it" />
<style type="text/css" media="screen">
ol#lista{list-style: none;}
</style>
</head>
<body>
1.1 Voce 1
1.2 Voce 2
1.3 Voce 3
1.4 Voce 4
</body>
</html>

se lo pseudoelemento :before fosse supportata potresti fare diversamente...

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it">
<head>
<title>Titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset= iso-8859-1" />
<meta http-equiv="Content-Language" content="it" />
<style type="text/css" media="screen">
ol#lista:before { content: "1." }
ol#lista{list-style: decimal;}
</style>
</head>
<body>
Voce 1
Voce 2
Voce 3
Voce 4
</body>
</html>

vedi http://www.w3.org/TR/2005/WD-CSS21-2.../generate.html

Discussione: Elenco Numerato

Strumenti discussione

Ricerca discussione

Visualizza

Elenco Numerato

Permessi di invio