Norme W3C et Tableaux + <li>
Norme W3C et Tableaux + <li> - HTML/CSS - Programmation
Marsh Posté le 29-04-2008 à 16:00:26
Installe le plugin pour Firefox "Tidy Html"
http://users.skynet.be/mgueury/mozilla/
Il te sortira une quinzaine d'erreurs, qui t'aiderons à comprendre comment ton code est mauvais.
Bonne chance
Marsh Posté le 29-04-2008 à 16:01:39
Un <li> ne peut aller que directement dans un <ul>, pas dans un div comme ça à l'arrache. Là la structure n'a pas vraiment de sens, des éléments de listes dans des cellules 
Marsh Posté le 29-04-2008 à 19:55:55
Merci, finalement, j'ai réussi à placer correctement les puces.
C'était bien les <ul> qui manquaient, j'avais déjà essayé avec, mais j'obtenais des puces décalées.
Il a donc fallu intégré les styles dans le CSS pour les <li> et <ul>.
Merci pour le plugin David Boring, je l'installe car je sens que ça va me servir par la suite.
Sujets relatifs:
- onMouseOver-Out sur tableaux
- Problème W3c code pas valide?
- preg_replace entre 2 tableaux de même longueur
- Array_diff avec des tableaux à 2 dimensions
- Petit problème trivial avec les tableaux
- Attribut "code", validité W3C
- [RESOLU] Validation W3C XHTML 1 Transitional
- Problème validation W3C: "there is no attribute "style""
- [résolu] Erreur pour validation W3C à cause d'URLs avec paramètres
- programme concernant les tableaux
Marsh Posté le 29-04-2008 à 11:49:36
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.
<html><body>
<style type="text/css">
.puce-rouge {
text-align: left;
border: 1px solid #000;
background-color: red;
color: white;
}
</style>
<table width="450" border="0">
<tr>
<td colspan="2">
<div align="left" class="puce-rouge">
<li>
Texte 1 - ligne 1 <br>
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></td>
</tr></td></tr>
</table>
</body>
</html>
Or, lorsque je rajoute la ligne
<!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.