Centrer une image par rapport à un texte - HTML/CSS - Programmation
Marsh Posté le 18-06-2013 à 15:09:17
N'utilise pas le tag img pour ça, mets plutôt ton image comme fond de ton dernier paragraphe, et tu peux ensuite la centrer facilement. Supprime ton <section> avec l'image de l'étoile et essaie le css suivant, ça devrait faire ce que tu veux :
| Code : 
 | 
PS : sinon, ton html est bizarre. Je ne suis pas sûr que tu ais bien compris le sens de l'élément <section>
Marsh Posté le 18-06-2013 à 15:14:34
oui mais j'aurai bien aimé savoir comment faire sans un background-image 
et il a quoi mon section?
Marsh Posté le 18-06-2013 à 15:36:52
| oceanecoin a écrit : oui mais j'aurai bien aimé savoir comment faire sans un background-image  | 
 
 
Sauf si tu as une excellente raison de ne pas vouloir utiliser de background-image, je te déconseille de faire autrement. 
 
La seule solution que je vois pour faire avec une <img>, c'est de faire une table. Soit explicitement avec le tag <table> (pas terrible du point de vue sémantique), soit avec une construction du genre (qui va poser des problèmes avec IE < 8) : 
| Code : 
 | 
 
 
avec le CSS suivant :  
| Code : 
 | 
 
 
C'est plus compliqué, moins propre et moins portable. 
 
| Citation :   | 
 
 
Tu utilises des <section> pour tout et n'importe quoi (genre pour des titres ou des paragraphes ou ton étoile)
Marsh Posté le 18-06-2013 à 14:58:06
Bonjour,
 
 
J'ai tenté de mettre un vertical-align:middle; à mon image mais ça ne change rien.
Voici le lien (ça pourra peut être plus vous aider)
http://vaurel.free.fr/cheese/updates.html
En fait, c'est en bas avec l'image à gauche que je voudrais qu'elle soit au milieu du texte (image étoile)
Quelqu'un pourrait il m'aider?
En attendant, je continue de chercher
Merci