Discussion :

[demu73]

Bonjour

Je recherches le code idéal pour reproduire un tableau avec d'un côté un image et de l'autre une série de cellules. J'ai déjà essayé avec des tr et td et les balices de base, ça donne pas un bon résultat. Je met en image ce que j'aimerais faire en tableau :


Petite précision, les images sont pas toutes la même dimension.

Je mets aussi en lien la page (en travaux) pour comprendre le contexte.

merci d'avance

[NoSmoking]

Bonjour,
si ton image est équilibrée, chaque motif à la même hauteur, tu peux utiliser un line-height dans la cellulle suivante

Code html :

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

1
2
3
4
5
6
7
8
9
10
<tr>
  <td>
    <img class="style2" src="http://www.triebzug.ch/infra/sifflet.jpg" height="300" width="300">
  </td>
  <td style="line-height: 100px;">
    siffler continu<br>
    siffler court<br>
    siffler par acout
  </td>
</tr>

siffler, acout

[demu73]

Merci pour le tuyau, c'est bien ça que je cherchais. Mettre le texte à côté du dessin correspondant.

Je vais pouvoir mettre les bonnes images sur la page.



Pour la petit histoire (d'après le smeleys) les dessins représentes des signaux ferroviaires suisses. Celui en exemple correspond à enclencher le sifflet (ou klaxon)

[NoSmoking]

Juste il me semble que cela serait plutôt :
sifflet et par à-coups non !?!

[demu73]

J'avais écrit en vitesse pour juste illustrer ma question. Ce qui expliques les fautes d'orthographe.

Pour la suite, j'ai pu continuer ma page avec les bonnes illustrations, une texte mieux orthographié et une mise en page qui corresponds à mon souhait.