[HTML] images avec legendes se plaçant automatiquement

Marsh Posté le 14-03-2003 à 11:49:23

Bonjour,

Je suis sur un probleme qui me rend fou !

voila, j'ai des images a afficher avec en dessous le nom de l'image.

jusque la, c'est tres simple, malheureusement, il faudrait que les images "prennent" toute la largeur de la fenetre du navigateur, genre 10 images si la fenetre fait 400 pixels et 20 images si la fenetre fait 800 pixels.

J'ai essayé avec les tableau mais il faut donner un nombre fixe de cellule, et je n'ai pas reussi a mettre plusieurs tableau cote a cote (meilleure solution possible, mais est ce seulement possible ?).

La seule solution qui me reste est d'afficher les images tel quel, et la le redimentionneement se fait correctement mais je n'arrive pas a mettre le nom de l'image en dessous.

Si quelqu'un a une idee, je suis prenneur

merci d'avance

Artic

Reply

Marsh Posté le 14-03-2003 à 11:49:23

Reply

Marsh Posté le 14-03-2003 à 12:14:55

HotShot a écrit :

<div><img />Blablabla</div>
<div><img />Blablabla</div>
<div><img />Blablabla</div>
<div><img />Blablabla</div>

avec une feuille de style du genre :

div{float:left}
img{display:block}

Tes <div> se foutront les uns à côté des autres jusqu'à ce qu'il y ait plus de place, auquel cas ils reviendront à la ligne. Et dans chaque div, la légende Blablabla sera à la ligne

merci merci merci !!!
ça marche super bien !
mais n'est-il pas possible de concerver les anciennes proprietes des balises DIV et IMG ?

Artic

Reply

Marsh Posté le 14-03-2003 à 12:28:57

HotShot a écrit :

Bah si, par exemple en donnant un nom de classe à tes <div> :

<div class="fluide"><img />Blabla</div>
...

et la CSS :

div.fluide{...}
div.fluide img{...}

Essaie de trouver un truc d'initiation aux CSS dans le topic "FAQ XHTML/CSS", c'est les bases à connaître

ok, encore merci

j'ai essaye avec ça :
<div style="float:left"><img src="img/ppppp.gif" width="371" height="85" border="0" style="display:block">Blablabla</div>

ça a l'air de marcher, meme si c'est moins jolie

Le CSS, il faut vraiment que je m'y mette !, c'est super puissant comme truc

:hello:

Artic

Reply

Marsh Posté le 14-03-2003 à 12:53:13

HotShot a écrit :

L'inconvénient, c'est que ça t'oblige à changer 36000 lettres chaque fois que tu voudras changer la gueule ou le comportement de tes "images". Donc en déclarant une classe à part et une fois pour toute, tu économises un peu de poids (Ko) et un unique changement dans la CSS se répercute automatiquement à toutes les images... donc l'attribut style="" est à éviter pour des balises répétées.

c'est vrai, tu as raison, c'est pourquoi j'ai pris ta méthode, tu m'enleve une sacree epine du pied !

Artic

Reply

[HTML] images avec legendes se plaçant automatiquement

Sujets relatifs:

Leave a Replay