Alignement vertical tableau css

**krabinou** · 21/08/2013, 10h06

Bonjour,

j'ai créer un tableau avec du avec du css, je souhaite que mon texte soit aligné horizontalement et verticalement.

J'arrive à faire qu'il soit aligné verticalement, mais pas horizontalement, malgré la commande vertical-align:middle;

Je viens de chercher sur internet mais j'ai pas trouver de solution qui fonctionne. merci de votre aide

voici mon code css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
@charset "utf-8";
/* CSS Document */
 
.MenuHaut span {
float:left;
   height:40px;
  vertical-align:middle;
   text-align:center;
  padding:1px;
  }
.MenuHaut p {
   clear:left;
  vertical-align:middle;;
   text-align:center;
  }
.MenuHaut p.legende {font-weight:bold}
.MenuHaut span.col1 {width:30%;	
.MenuHaut span.col2 {width:30%}
.MenuHaut span.col3 {width:30%}

et mon code html

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<body>
<div class="MenuHaut">
   <p class="legende">
   <span class="col1">1er jour</span>
     <span class="col2">2éme jour</span>
     <span class="col3">3éme jour</span>   </p>
   <p>
      <span class="col1">Case 1.1</span>
      <span class="col2">Case 1.2</span>
      <span class="col3">Case 1.3</span>
   </p>
  <p>
     <span class="col1">Case 2.1</span>
     <span class="col2">Case 2.2</span>
     <span class="col3">Case 2.3</span>
   </p>
</div>

**Torgar** · 21/08/2013, 10h16

Salut,

Je te laisse lire la première ligne de définition de la propriété vertical-align.

**krabinou** · 21/08/2013, 10h39

Effectivement,

je vais modifier mon code et utiliser

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<table>

,ce qui sera plus simple.

Merci

**Torgar** · 21/08/2013, 10h50

Heu non !!! Tu utilises display: inline-block à la limite, mais pas de <table> pour ce genre de contenu.

Je changerai l'exemple pour éviter ce genre de réaction

**krabinou** · 21/08/2013, 11h06

Oki, je vais regarde cela !

Merci

Alignement vertical tableau css

Positionnement en CSS

Discussions similaires

Partager

Partager