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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Aligner verticalement une image puis un texte dans une cellule

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Aligner verticalement une image puis un texte dans une cellule

n°622684
El_gringo
Posté le 27-01-2004 à 12:14:21  profilanswer
 

Bon, c'est bateau comme question, mais c'est pas du tout ma spécialité l'HTML, désolé.
Voici le source que je génère actuellement :


      <td class="TabTitre" valign="middle" align="center">
          <img src="MonImage.gif">
          <a href="monLien.html"class="lien">MonLibelle</a>&nbsp;
      </td>


 
Et là, dans la cellule du tableau, j'ai mon image, centrée dans la cellule, nickel. Mais le texte de mon lien vient se caler en bas de l'image à côté de laquelle il est placé. C'est là que ça m'va pas :-' . J'ai essayé d'encapsuler les 2 éléments (image et lien) dans un div, c'est pareil.  
Quelqu'un peut m'aider ?


---------------
Les Vers Solitaires, on aime ... ou pas !
mood
Publicité
Posté le 27-01-2004 à 12:14:21  profilanswer
 

n°622751
fastclemmy
(re-)Dictateur en plastique
Posté le 27-01-2004 à 13:09:07  profilanswer
 

Tu veux arriver à quoi comme résultat final ?

n°622774
gizmo
Posté le 27-01-2004 à 13:28:35  profilanswer
 

ajoute simplement un style dans ton image avec un vertical-align: center

n°622824
El_gringo
Posté le 27-01-2004 à 13:58:59  profilanswer
 

fastclemmy a écrit :

Tu veux arriver à quoi comme résultat final ?


 
Ha ben oui, j'ai oublié d'expliquer ce que j'voulais :D
Je cherche a ce que l'image ET le texte soient centrés par rapport à la cellule. Donc, a ce que le texte (environ 2 fois moins haut que l'image) soit centré aussi (horizontalement) par rapport a cette image, et non aligné avec le bas de cette image.
On va essayer des schéma.
 
Voila ce que j'ai actuellement:


+-----------------------+
|                       |
|  +---+                |
|  | I |                |
|  +---+ Mon texte      |
|                       |
+-----------------------+


Et je voudrais :


+-----------------------+
|                       |
|  +---+                |
|  | I | Mon texte      |
|  +---+                |
|                       |
+-----------------------+


---------------
Les Vers Solitaires, on aime ... ou pas !
n°622836
El_gringo
Posté le 27-01-2004 à 14:19:24  profilanswer
 

gizmo a écrit :

ajoute simplement un style dans ton image avec un vertical-align: center


 
Du coup, par rapport a ce que je viens d'écrire, je doute que ta proposition donne ce que je recherche...


---------------
Les Vers Solitaires, on aime ... ou pas !
n°622840
gizmo
Posté le 27-01-2004 à 14:58:34  profilanswer
 

et pourtant...

n°622853
El_gringo
Posté le 27-01-2004 à 15:07:32  profilanswer
 

gizmo a écrit :

et pourtant...


 
Ben, non. [:sisicaivrai]  
Ou alors je fais mal quelque chose.
 
Voila mon code en suivant ton conseil :


      <td class="TabTitre" valign="middle" align="center">
         <img style="vertical-align: center" src="MonImage.gif">
         <a href="monLien.html" class="lien">MonLibelle</a>&nbsp;
     </td>  


 
...qui donne toujours la même chose!


---------------
Les Vers Solitaires, on aime ... ou pas !
n°622882
gizmo
Posté le 27-01-2004 à 15:26:28  profilanswer
 

c'est ma faute, c'est middle la valeur, pas center...

n°622893
El_gringo
Posté le 27-01-2004 à 15:33:11  profilanswer
 

gizmo a écrit :

c'est ma faute, c'est middle la valeur, pas center...


 
Ouaiiiis, merci beaucoup.
ça m'a paru bisare 30 secondes que ce soit "center", et pas "middle", mais j'avais tellement confiance en toi que ça m'est même pas venu à l'idée que t'avais pu te planter. C'est con ! [:iznogoud_23]  
 
Par contre je comprend pas trop la logique de la chose : je centre mon image et ça centre le texte qui suit !??


---------------
Les Vers Solitaires, on aime ... ou pas !
n°622916
gizmo
Posté le 27-01-2004 à 15:49:49  profilanswer
 

une image est considérée comme un caractère, et donc, tu as le bas de l'image ui correspond à la baseline du texte. En forçant sa propriété verticale dans le flux du texte, tu lui indiques que son centre doit se trouver au niveau de la baseline du flux de texte.

mood
Publicité
Posté le 27-01-2004 à 15:49:49  profilanswer
 

n°623508
El_gringo
Posté le 28-01-2004 à 09:04:11  profilanswer
 

ok. Merci beaucoup.


---------------
Les Vers Solitaires, on aime ... ou pas !

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

  Aligner verticalement une image puis un texte dans une cellule

 

Sujets relatifs
[php] Dde infos pour faire des liens à partir d'image , nvlle question[HTML] Cellule tableau, insérer une image et du texte
Enregistrement d'image jpg/png/gifActualisation d'une gallerie d'image automatiquement chaque semaine
[Swing] désactivé une cellule dans une JTable[C#]{résolu] Resizer une image dans pictureBox => pb taille > 256 px
[C#] [résolu] Comment afficher une image en plein écran ?[VC++ 6] Ecrire du texte sur plusieurs lignes
Plus de sujets relatifs à : Aligner verticalement une image puis un texte dans une cellule


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