Bonjour,

Je suis en train de valider mon code avec W3C Validator et il me renvoie l'erreur suivante:

<article id="programmation">
      <h2>Programmation</h2>
      <img src="img/option.png" alt="Afficher" class="options" />
      <figure>
        <img src="img/skills/code.png" alt="Code">
        <figcaption>
            Programmation
        </figcaption>
      </figure>
      <table class="list">
        <thead>
          <tr>
            <th>Programmation</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>
              <img src="img/skills/content/c.svg" alt="C" title="C" width="50" height="50" />
            </td>
            <td>

            </td>
          </tr>

          <tr>
            <td>
              <img src="img/skills/content/java.svg" alt="Java" title="Java" width="50" height="50" />
            </td>
            <td>

            </td>
          </tr>

          <tr>
            <td>
              <img src="img/skills/content/python.svg" alt="Python" title="Python" width="50" height="50" />
            </td>
            <td>

            </td>
          </tr>

        </tbody>
      </table>

    </article>

Merci

EDIT: ici </tr> correspond à la ligne 24

-
Edité par BenjaminLeGallo 4 décembre 2017 à 23:01:06

Bonjour, pour commencer on ne fait pas de mise en page en tableau.

Ton tableau est mal construit, tu as une cellule d'entête et chaque ligne avec 2 cellules dont une vide.

Solution : suppression du tableau. => ce n'est pas un affichage à double entrée.

D'accord, je pensais que faire une mise en page en tableau était plus simple.

Pour les cellules vides, je devais es remplir avec des images par la suite mais je les avait pas pour le moment.

La solution pour faire une ligne avec deux images sur la meme ligne ? Une liste avec des <li> ?

Merci d'avance

EDIT: un truc du genre c'est mieux ?

<article id="programmation">
  <img src="img/option.png" alt="Afficher" class="options" />
  <figure>
    <img src="img/skills/code.png" alt="Code">
    <figcaption>
      Programmation
    </figcaption>
  </figure>
  <ul class="comp_deroule">
    <li>
      Programmation
    </li>
    <li>
      <span>C</span>
      <span>avec CodeBlocks</span><br />
      <img src="#" alt="#">
      <span class="maitrise">Bonne maîtrise</span>
    </li>
    <li>
      <span></span>Java</span>
      <span>avec Eclipse</span><br />
      <img src="#" alt="#">
      <span class="maitrise">Bonne maîtrise</span>
    </li>
    <li>
      <span>Assembleur 8086</span>
      <span>avec DoxBox</span><br />
      <img src="#" alt="#">
    </li>
  </ul>
</article>

-
Edité par BenjaminLeGallo 5 décembre 2017 à 0:50:55

Mouai je ne je suis ni fan des <span> à tir larigot ni des <br>, sinon à Java tu as une balise </span> fermante de trop.

les <br> ne sont pas la pour faire du visuel mais pour sauter une ligne DANS du texte. c'est le CSS qui s'occupe d'afficher deux éléments l'un en dessous de l'autre ou cote à cote.

-
Edité par GuillaumeBo1 5 décembre 2017 à 1:13:26

Bonsoir,

On est sur du design figé la  , tu t'embêtes à bidouiller avec des span et br ..? alors que nos jours le CSS met à disposition de quoi simplifier la mise en page.

Je pense que le mieux est de tout reprendre depuis le début, tu construis ton document HTML dans les règles sans te préoccuper de la forme. Une fois ton code valide tu passes au CSS. 

Enfin c'est ce que je ferai, sinon tu vas perdre un temps fou à bidouiller pour un résultat ni fluide, ni responsive et peu lisible. 

-
Edité par pipelette13 5 décembre 2017 à 1:34:01

Bonjour,

> Je pense que le mieux est de tout reprendre depuis le début, tu construis ton document HTML dans les règles sans te préoccuper de la forme. Une fois ton code valide tu passes au CSS.

Je valide : c'est la meilleure des attitudes Une page web, c'est d'abord du contenu, ensuite du balisage, ensuite du visuel.