[HTML] images avec legendes se plaçant automatiquement

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [HTML] images avec legendes se plaçant automatiquement

artic_planet

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

Publicité

artic_planet

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

artic_planet

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

artic_planet

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

FORUM HardWare.fr

Programmation

HTML/CSS

[HTML] images avec legendes se plaçant automatiquement

Sujets relatifs
page html non modifiable	[HTML]un backgroud ds un <td>
[HTML] Problème de marges (question conne)	et HTML probleme d'affichage tout con
[HTML] lien texte toujours visible?	Problème d'images défilantes
[asp?jscript?html?]-->Divers : checkbox value	Comment placer ses images ou on veut
[html] comment submit un form sans name ?	changer le "sens" d'une page html?
Plus de sujets relatifs à : [HTML] images avec legendes se plaçant automatiquement

Page générée en 0.025 secondes