Norme W3C : tableaux et <li>

**Monkey_D.Luffy** · 29/04/2008, 11h56

Bonjour

j'ai un problème avec un site et la norme W3C que je découvre peu à peu. Pour simplifier, j'ai raccourci au maximum le script.

Voici le genre de tableau que je veux obtenir.

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1">
    <title>test (x)html</title>
</head>
<body>
 <style type="text/css">
.puce-rouge {
text-align: left;
border: 1px solid #000;
background-color: red;
color: white;
}
</style>
<table>
<tr>
<td>
<table width="450" border="0">
				<tr>
				<td colspan="2">
					<div align="left" class="puce-rouge">
						<li>
							Texte 1 - ligne 1 <br>
							&nbsp; &nbsp; &nbsp;Texte 2 ligne 2
						</li>
					</div> 
				</td>
				</tr>
				<tr>
					<td width="5">
						<li> 
						</li>
					</td>
					<td >
						<div>Texte 2 - Xxxx</div>
                <!--</ul> -->
					</td>
				</tr>
</table>
<br>
<br>
    <div align="center"> 
		<a href="contact.php?param=value">
			<img src="images/etape-suivante2.jpg" alt="Cliquez ici pour connaître les détails" width="240" height="32" border="0" />
		</a>
		<br>
        <br>
    </div>
</body>
</html>

Or, lorsque je rajoute la ligne

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

L'affichage n'est plus du tout le même. Sauriez-vous comment traduire le tableau dans les normes W3C ?

merci de votre aide.

**Erwan31** · 29/04/2008, 12h59

Bonjour et bienvenue,
je vous suggère d'aller lire ce post et de faire le nécessaire

**Monkey_D.Luffy** · 29/04/2008, 13h09

Désolé je débute sur le forum.
J'ai essayé de mettre en place le code selon les règles.

**franculo_caoulene** · 29/04/2008, 14h01

Salut,

Je ne sais pas trop ce que tu cherches à obtenir mais les éléments list-item (li) doivent être contenus dans des <ul> ou <ol> : http://www.la-grange.net/w3c/html4.0...ts.html#h-10.2

**Erwan31** · 29/04/2008, 14h21

Pour que les navigateurs se rapprochent le plus d'un rendu conforme aux
standards du W3C, conserves la ligne que tu indiques, c'est ce qu'on appelle
la déclaration du Doctype.

**Monkey_D.Luffy** · 29/04/2008, 15h22

Oui, malheureusement je m'en suis rendu qu'après avoir fini la page.

Enfin le problème est résolu, il m'a suffit d'ajouter des styles pour les <li> et les <ul>

Voici un petit bout de code :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 
<style type="text/css"> 
.puce-rouge { 
    text-align:left;
    border:1px solid #000000;
    background-color:red;
    color:white;
}
ul {
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    margin-left:0px;
}
li {
    margin-left:16px;
}
</style> 
 
<div align="left">
    <div align="left" class="puce-rouge" > 
            <ul>
                <li>Texte 1 - ligne 1<br>Texte 2 - ligne 2</li>
 
            </ul>
            </div>
    <ul>
                <li>Texte 2 - Xxxx</li>
            </ul>
</div>

Norme W3C : tableaux et <li>

Tableau en CSS

Discussions similaires

Partager

Partager