Panel d'images en HTML / CSS
Résolu
Mo0oN
Messages postés
62
Statut
Membre
-
Mo0oN Messages postés 62 Statut Membre -
Mo0oN Messages postés 62 Statut Membre -
Bonjour,
Sur une page de mon site Internet, je souhaite mettre de nombreux logos de sociétés.
Les photos font toutes une hauteur différente mais ont une largeur identique de 250 pixels.
Je voudrais que les photos s'empilent les unes sur les autres plutôt qu'elles soient alignées comme c'est le cas pour l'instant. Voici un schéma rapide de ce que je souhaiterais obtenir :
http://img23.imageshack.us/img23/9107/68208738.png
Merci d'avance !
Sur une page de mon site Internet, je souhaite mettre de nombreux logos de sociétés.
Les photos font toutes une hauteur différente mais ont une largeur identique de 250 pixels.
Je voudrais que les photos s'empilent les unes sur les autres plutôt qu'elles soient alignées comme c'est le cas pour l'instant. Voici un schéma rapide de ce que je souhaiterais obtenir :
http://img23.imageshack.us/img23/9107/68208738.png
Merci d'avance !
A voir également:
- Panel d'images en HTML / CSS
- Amazon shopper panel - Accueil - Guide confidentialité
- Editeur html - Télécharger - HTML
- Control panel - Télécharger - Divers Utilitaires
- Des images - Guide
- Espace en html ✓ - Forum HTML
8 réponses
C'est simple, pour l'instant je n'ai rien balisé :)
Ma page fait 800 pixels de large, j'ai redimmensionné mes images à 150 de large en fait (250 c'était trop), et après tout ce que j'ai fait c'est :
<p>
<center>
<img ................ >
<img ................ >
<img ................ >
<img ................ >
<img ................ >
etc.
</center>
</p>
Après, il faudrait peut-être que je passe par une <table>. Je ne sais pas ^^
Ma page fait 800 pixels de large, j'ai redimmensionné mes images à 150 de large en fait (250 c'était trop), et après tout ce que j'ai fait c'est :
<p>
<center>
<img ................ >
<img ................ >
<img ................ >
<img ................ >
<img ................ >
etc.
</center>
</p>
Après, il faudrait peut-être que je passe par une <table>. Je ne sais pas ^^
pour l'instant je n'ai rien balisé
heu… <p>, <img/>, c'est des balises, donc t'as balisé !
-:oD
corrige le HTML :
ajoute comme style :
et dis nous ce que ça donne, stp.
il faudrait peut-être que je passe par une <table>
surtout pas malheureux, c'est pas fait pour ça !
-;o)
heu… <p>, <img/>, c'est des balises, donc t'as balisé !
-:oD
corrige le HTML :
<p id="logos"> <img ................ > <img ................ > <img ................ > <img ................ > <img ................ > etc. </p>
ajoute comme style :
p#logos{
text-align:center;
}
p#logos img{
float:left;
}
et dis nous ce que ça donne, stp.
il faudrait peut-être que je passe par une <table>
surtout pas malheureux, c'est pas fait pour ça !
-;o)
Ca ne fonctionne pas malheureusement :x
Ca n'a rien changé en fait ^^
Aussi, au rayon culture gé, quelle est la diff entre p#logos et p.logos ? :)
Merci de l'aide en tous cas !
Ca n'a rien changé en fait ^^
Aussi, au rayon culture gé, quelle est la diff entre p#logos et p.logos ? :)
Merci de l'aide en tous cas !
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
t'aurais pas une version en ligne qu'on puisse essayer directement dessus ?
et pour ta question :
+ https://www.alsacreations.com/article/lire/535-Quelle-est-la-difference-entre-une-classe-et-un-id.html
et pour ta question :
+ https://www.alsacreations.com/article/lire/535-Quelle-est-la-difference-entre-une-classe-et-un-id.html
Merci pour le lien :)
Et non, malheureusement il ne m'est pas possible d'héberger le site :/
En revanche, j'ai fait une impression d'écran. A vrai dire j'avais mal vu, des choses ont changé, mais c'est bizarre. Je ne saurais pas trop expliquer la logique du truc à vrai dire. J'ai mis des traits rouges pour situer le haut des images. L'alignement vertical a fonctionné sur certaines d'entre elles mais pas toutes, je ne comprends pas :/
http://img197.imageshack.us/img197/9554/images2yxb.jpg
Et non, malheureusement il ne m'est pas possible d'héberger le site :/
En revanche, j'ai fait une impression d'écran. A vrai dire j'avais mal vu, des choses ont changé, mais c'est bizarre. Je ne saurais pas trop expliquer la logique du truc à vrai dire. J'ai mis des traits rouges pour situer le haut des images. L'alignement vertical a fonctionné sur certaines d'entre elles mais pas toutes, je ne comprends pas :/
http://img197.imageshack.us/img197/9554/images2yxb.jpg
