Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2575 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Norme W3C et Tableaux + <li>

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Norme W3C et Tableaux + <li>

n°1726101
Sbartacus
Posté le 29-04-2008 à 11:49:36  profilanswer
 

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.

mood
Publicité
Posté le 29-04-2008 à 11:49:36  profilanswer
 

n°1726336
David Bori​ng
Posté le 29-04-2008 à 16:00:26  profilanswer
 

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

n°1726338
FlorentG
Unité de Masse
Posté le 29-04-2008 à 16:01:39  profilanswer
 

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

n°1726533
Sbartacus
Posté le 29-04-2008 à 19:55:55  profilanswer
 

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.


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Norme W3C et Tableaux + <li>

 

Sujets relatifs
onMouseOver-Out sur tableauxProblème W3c code pas valide?
preg_replace entre 2 tableaux de même longueurArray_diff avec des tableaux à 2 dimensions
Petit problème trivial avec les tableauxAttribut "code", validité W3C
[RESOLU] Validation W3C XHTML 1 TransitionalProblème validation W3C: "there is no attribute "style""
[résolu] Erreur pour validation W3C à cause d'URLs avec paramètresprogramme concernant les tableaux
Plus de sujets relatifs à : Norme W3C et Tableaux + <li>


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR