CSS boite de légende d'image

Fermé
Un nouveau
Messages postés
9
Date d'inscription
jeudi 26 juillet 2012
Statut
Membre
Dernière intervention
25 février 2022
- 26 juil. 2012 à 19:04
Un nouveau
Messages postés
9
Date d'inscription
jeudi 26 juillet 2012
Statut
Membre
Dernière intervention
25 février 2022
- 26 juil. 2012 à 20:18
Bonjour,


Je voudrais créer une boite contenant une image, centrée sur la page, de manière à encadrer l'image, comme ceci : https://hfcreation.files.wordpress.com/2012/07/imagelegende1.jpg

Le défi, c'est que les dimensions de l'image seront variables, et par conséquent la boite qui l'encadre doit avoir des dimensions adaptées, tout en restant centrée sur la page ! (je ne veux pas modifier mon css avec la largeur de la boîte à chaque fois que je publierai une image...)

Le deuxième défi, (et c'est là que je coince), c'est qu'on doit pouvoir continuer à écrire sous cette structure. (Elle doit donc, à mon avis, rester dans le flux car sinon ce qu'on écrit sous l'image se superpose). Or, le seul moyen que j'ai trouvé pour que ma boîte ne prenne pas 100% de la largeur de la page, c'est de lui donner une position absolute...

Quelqu'un a-t-il une idée ?

6 réponses

Bakux
Messages postés
1193
Date d'inscription
jeudi 19 février 2009
Statut
Membre
Dernière intervention
5 juillet 2015
211
26 juil. 2012 à 19:07
Si tu veux une marge entre ta boite et ton image de 20px, tu peux definir la taille de la boite comme la taille de l'image + 2*20px

Ensuite je réfléchis un peu ...
0
Un nouveau
Messages postés
9
Date d'inscription
jeudi 26 juillet 2012
Statut
Membre
Dernière intervention
25 février 2022

26 juil. 2012 à 19:22
Justement, le problème c'est que la taille de l'image est une inconnue ! (Avec cette solution, chaque fois que je publierai une image, je devrai ajuster son cadre manuellement... Ce qui, a priori, n'est pas le but des feuilles de style !)
0
Bakux
Messages postés
1193
Date d'inscription
jeudi 19 février 2009
Statut
Membre
Dernière intervention
5 juillet 2015
211
26 juil. 2012 à 19:29
Tu m'as pas compris, tu fais un script en PHP qui récupère la taille de l'image, comme ça tout est automatique
0
Un nouveau
Messages postés
9
Date d'inscription
jeudi 26 juillet 2012
Statut
Membre
Dernière intervention
25 février 2022

26 juil. 2012 à 19:51
Ah, t'as raison c'est vrai en php ça pourrait marcher. Mais je suis sur un blog wordpress.com (je n'ai accès qu'au code de chaque post), et je ne suis pas sûr qu'ils acceptent qu'on utilise du php. (?) Par ailleurs, j'avais un peu touché au php il y a 3-4 ans, mais je crois que j'ai tout oublié...
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Bakux
Messages postés
1193
Date d'inscription
jeudi 19 février 2009
Statut
Membre
Dernière intervention
5 juillet 2015
211
26 juil. 2012 à 19:59
Tu peux trouver du code facilement sur Internet, ca serait avec plaisir que je t'aiderais, mais je suis déjà en retard ;). Bonne chance
0
Un nouveau
Messages postés
9
Date d'inscription
jeudi 26 juillet 2012
Statut
Membre
Dernière intervention
25 février 2022

26 juil. 2012 à 20:18
C'est normal ;)
En tous cas merci pour ton aide ! J'avais pas du tout pensé à chercher du côté du php. Je vais voir ce que je vais pouvoir faire.
Et si au passage quelqu'un passe par là et connaît une astuce qui se contente du html/css, je suis preneur !
A+
0