Discussion :

[AnDy(yours)]

bonjours
voila mon probleme je voudrais aligner des series de 3 images ne fesant pa tous la meme hauteur mais la meme largeur totale(3*images=15cm)
l'image la plus haute sera tout le temps de 10 cm
il y aurait environ 75 images soit presque 25 lignes

donc voila je me demandais si les balise table ne seraient pas plus apropriées pour ce que je veux faire que du css
je pense qu'il doit y avoir un moyen pour faire sa plus rapidement en css mais je ne m'y conais pas trop donc pouriez vous m'écrairer

merci

[mLk92]

Comme son nom l'indique, la balise table sert à créer des tableaux et uniquement des tableaux.

Pour faire ton alignement d'image tu peux mettre tes trois images dans une balise <p></p>, et tu assigne tes propriétés css de taille à tes images, puis un display: inline à ton paragraphes.

Tu dispose d'une multitude d'aide sur le net concernant les affichage en ligne

[AnDy(yours)]

ha merci pour cette aide oui je me doute que sur le net il doit y avoir ceci mais ma question était "quel moyen est le plus simple" avec la balise p plus le css j'avou que sa va plus vite
merci encore je revien sur meme sujet si je bloque par la suite

[AnDy(yours)]

bon alors re petit problem a la place de la 3eme image je met du text qui devrait normalement faire une colone puisque dans une sous balise css p small{ width:100px;}

malheureusement ce texte une foi la premiere ligne (donc de largeur 100) passé il y a un retour a la ligne endessou de la 1ere image

coment faire pour que ce text reste dans un colone de largeur = 100px ?

[AnDy(yours)]

en mettant un float:right; le texte se met en colone et a droite de ma 2eme image mais au niveau en dessous de celle ci je voudrais qu'il soit au mm niveau que les 2 autre image :s

[AnDy(yours)]

un peu d'aide sil vous plais je trouve rien sur internet car je ne sais pas quoi écrire "css text colone" "css text aligné colone" rien ne me mene a ce que je veux

[AnDy(yours)]

pouvez vous m'aider je pense que la soltion n'est pa trés dure mais impossible de trouver sur internet ce que je cherche
petit resumé:

2images+1 petit texte doivent etre present sur 1 ligne le texte doit se tenir en colone ====> image2 textetexte
image2 textetexte
image2 textetexte
image1 image2 textetexte
image1 image2 textetexte
j'utilise un float:right; mais la ,le texte est en colone mais au nivo en dessou de limage 2 et 1-_-' comment faire pour que celui ci soit come indiqué en haut
merci d'avance a tous

[AnDy(yours)]

mhhh sa ne done pa ce que je voulais dire:
image1 image2 textetexte
image1 image2 textetexte
image1 image2 textetexte
image1 image2 textetexte

[Gunner4902]

Tableaux contre feuille de style…

Dans l’absolu un tableau ne devrait servir qu’à présenter des données ce qui exclus donc la présentation de galerie d’images et la mise en page autre que celle de données tabulaires.

Oui, mais celà est l’idéal… Pour qui a déjà fait plusieurs sites, en se souciant de la compatibilité entre navigateurs et entre OS, il convient de relativiser l’affirmation : « les tableaux c’est le mal ».

Le problème qui est lié au tableau est leur mauvaise gestion dans certains navigateurs, mais cette gestion est toujours meilleur que l’interprétation fantaisiste de certaines propriétés css par les navigateurs (cf IE 6 notamment, mais également les navigateurs d’Ipod).
De fait, la solution la plus simple est celle que préconise Jeffrey Zeldman dans son livre « design web : utiliser les standards », à savoir, tu fais un tableau par ligne.

ce qui donne :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<table>
 <tr>
  <td>
   <img /> <img /> <img />
  </td>
  <td>
   <p>Texte</p>
  </td>
 </tr>
</table>
<table>
 <tr>
  <td>
   <img /> <img /> <img />
  </td>
  <td>
   <p>Texte</p>
  </td>
 </tr>
</table>
<table>
 <tr>
  <td>
   <img /> <img /> <img />
  </td>
  <td>
   <p>Texte</p>
  </td>
 </tr>
</table>
...

C’est un peu lourd, mais c’est la solution la plus facile pour préserver un design de style tabulaire, car le problème du CSS est de ne pas être fait pour présenter des éléments en simulant les tableaux comme tu veux le faire.
Pour l’alternance de texte / image, essaye de faire quelque chose de moins typé tableau.

[mLk92]

Beau Bulldog, mais code moche

Il peut faire deux div, l'un qui contient les images, l'autre qui contient le texte.
Il donne des propriétés de positionnement flottant aux deux div, ensuite il joue avec les taille pour que le texte soit aligné aux images

Je pense qu'il existe assez de propriétés css pour éviter des tableaux, surtout que ce code là n'est a priori pas trop long