[CSS/XHTML] Aligner du texte sous une image au centre
Aligner du texte sous une image au centre [CSS/XHTML] - HTML/CSS - Programmation
Marsh Posté le 19-07-2006 à 06:40:35
margin: center
Je ne sais pas ou t'as été choper ca mais c'est complètement foireux.
Je te conseil d'aller voir ce site http://www.w3schools.com/ pour apprendre le CSS et ce site là http://www.google.fr pour chercher un peu car tu n'as pas dû te forcer la main. Dans la recherche tu tape "CSS centrer une image".
Ca t'aurais éviter de créer un thread et d'expliquer pour rien ton problème.
Marsh Posté le 19-07-2006 à 19:21:51
margin center ...
y a pas longtemps j ai trouvé son pti frere aussi
float center
je comprends pas ![[:spamafote]](https://forum-images.hardware.fr/images/perso/spamafote.gif "[:spamafote]")
Marsh Posté le 20-07-2006 à 04:06:41
| AlphaZone a écrit : margin: center |
Ben si j'etais tombé sur un site competant j'aurais sans doute pas crée un topik pour une réponse aussi agreable ... 
J'ai cherché, j'ai trouvé (un truc foireux certes, mais quand tu sais pas hein ...), et ca marche pas, donc j'appelle votre aide.
Si toutefois y a des gens plus agreables qui pourraient donner des solutions ca pourrait être enrichissant...
Merci
Mirror >> Avec float il basculerait sous l'image ? J'ai bien pensé à faire un float mais bon, c'est pas tout à fait ce que je voulais, j'esserai à l'occaz avec center 
Marsh Posté le 20-07-2006 à 04:48:09
met display:block; dans le style de ton image, ca devrait faire un bon point de départ déja 
---------------
Me: Django Localization, Yogo Puzzle, Chrome Grapher, C++ Signals, Brainf*ck.
Marsh Posté le 20-07-2006 à 05:37:42
Code :
|
Code :
|
voila ton texte centré sous ton image centrée ^^
Marsh Posté le 23-08-2006 à 17:57:45
"un texte vraiment descriptif ou pas de alt du tout !"
Pourquoi ce conseil ? Si tu ne met pas de alt du tout ton site de valide pas, notament en XHTML 1.0 strict. Il vaut donc mieux mettre un alt vide que pas du tout de alt !
Marsh Posté le 23-08-2006 à 18:08:41
| makina-galaxy a écrit : "un texte vraiment descriptif ou pas de alt du tout !" |
deterre pas un topic our dire des conneries pareilles putain ![[:pingouino]](https://forum-images.hardware.fr/images/perso/pingouino.gif "[:pingouino]")
Marsh Posté le 25-08-2006 à 14:45:28
bien sur
le probleme c est que le alt vide c est juste un hack pour passer la validation
l erreur reste la meme : il n y a pas de texte alternatif
le jour ou le validateur regardera le contenu de alt pour voir s il est vide vous retomberez sur la meme erreur 
les cas ou le alt est indispensable sont plutot rares en fait ...
apres le validateur on s en cogne royalement de son avis
Sujets relatifs:
- [CSS] Problème incompréhensible d'alignement
- [PHP/CSS] Modifier un style
- image PNG & GD library (variables images)
- Mon texte dépasse des cadres, que modifier dans le code html ?
- Récuper du texte dans un fichier puis la mettre dans une variable
- Image GD et Texte
- {RESOLU} CSS, marche et marche pas
- [XHTML] Remplacer des <table> par des ...
- [Hibernate ] récup requête SQL texte auto générée
Marsh Posté le 19-07-2006 à 03:55:36
Bonjour,
je souhaite placer une image au centre d'un bloc div et sous cette image centrer du texte. J'arrive pas à faire un truc aussi bête ...
HTML :
<div class="leftcontainer"><img src="nomimage.jpg" class="truc" alt="image" width="132" height="160" />
<p>test</p>
</div>
CSS :
.truc {
margin: center;
border: solid black 2px;
vertical-align: text-bottom;
}
Et avec ca comme code, mon image n'est ni centrée, et mon texte apparait n'importe ou (à gauche de l'image)
Merci pour votre aide, je debute à peine dans tout ca, mais la je coince
@+
Edit : J'ai essayé avec un tableau 2 colonnes pour y caser mon image das la 1ere colonne et le texte centré dans la seconde, mais ca fait degueulasse (au niveau du code, pi au niveau du display c'est pas forcement bon non plus) Doc à bannir
J'ai essayé ca aussi, ca marche, mais est ce une bonne solution ?
<div class="leftcontainer">
<div align="center"><img src="image.jpg" class="photocv" alt="uneimage" width="132" height="160" /><br />
<span class="style2">Text</span></div>
</div>
.photocv {
border: solid black 2px;
}
Message édité par Profil supprimé le 19-07-2006 à 04:13:48