Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1548 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [CSS/XHTML] Aligner du texte sous une image au centre

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[CSS/XHTML] Aligner du texte sous une image au centre

n°1409074
Profil sup​primé
Posté le 19-07-2006 à 03:55:36  answer
 

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 ...  :sweat:
 
HTML :  
 

Citation :

  <div class="leftcontainer"><img src="nomimage.jpg" class="truc" alt="image" width="132" height="160" />
   <p>test</p>
   </div>


 
CSS :  
 

Citation :

.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)  :heink:  
 
Merci pour votre aide, je debute à peine dans tout ca, mais la je coince  :o  
 
@+
 
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  :o
 
J'ai essayé ca aussi, ca marche, mais est ce une bonne solution ?
 

Citation :

<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>


 

Citation :

.photocv {
 border: solid black 2px;
}


Message édité par Profil supprimé le 19-07-2006 à 04:13:48
mood
Publicité
Posté le 19-07-2006 à 03:55:36  profilanswer
 

n°1409079
AlphaZone
Posté le 19-07-2006 à 06:40:35  profilanswer
 

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.

Message cité 1 fois
n°1409698
mIRROR
Chevreuillobolchévik
Posté le 19-07-2006 à 19:21:51  profilanswer
 

margin center ...
y a pas longtemps j ai trouvé son pti frere aussi
float center
je comprends pas [:spamafote]

n°1409862
Profil sup​primé
Posté le 20-07-2006 à 04:06:41  answer
 

AlphaZone a écrit :

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.


 
Ben si j'etais tombé sur un site competant j'aurais sans doute pas crée un topik pour une réponse aussi agreable ...  :sarcastic:  
 
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  :o  

n°1409867
0x90
→
Posté le 20-07-2006 à 04:48:09  profilanswer
 

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.
n°1409869
mIRROR
Chevreuillobolchévik
Posté le 20-07-2006 à 05:37:42  profilanswer
 

Code :
  1. <div class="leftcontainer"><img src="nomimage.jpg" alt="un texte vraiment descriptif ou pas de alt du tout !" />
  2.    <p>test</p>
  3.    </div>


 

Code :
  1. .leftcontainer {
  2.    text-align: center;
  3. }
  5. [eventuellement] .leftcontainer img { // la taille de ton image ou n importe quoi }


 
voila ton texte centré sous ton image centrée ^^
 

n°1430116
makina-gal​axy
Posté le 23-08-2006 à 17:57:45  profilanswer
 

"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 !

Message cité 1 fois
n°1430125
mIRROR
Chevreuillobolchévik
Posté le 23-08-2006 à 18:08:41  profilanswer
 

makina-galaxy a écrit :

"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 !


 
deterre pas un topic our dire des conneries pareilles putain [:pingouino]

n°1431400
klash75
CG 125 Full power...
Posté le 25-08-2006 à 14:10:45  profilanswer
 

Il a tort ?

n°1431444
mIRROR
Chevreuillobolchévik
Posté le 25-08-2006 à 14:45:28  profilanswer
 

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 :/


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [CSS/XHTML] Aligner du texte sous une image au centre

 

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 variableImage 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 
Plus de sujets relatifs à : [CSS/XHTML] Aligner du texte sous une image au centre

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.080 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR