Norme W3C et Tableaux + <li>

Norme W3C et Tableaux + <li> - HTML/CSS - Programmation

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>
       &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></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.

Reply

Marsh Posté le 29-04-2008 à 11:49:36   

Reply

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

Reply

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 :/

Reply

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.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed