Discussion :

[nixonne]

Bonjour,

je n'arrive pas a aligner mes elements verticalement sous FF alors que ca a l'air de passer sous IE (pourtant je developpe sous FF)

Pouvez vous m'aider car là ca fais plusieurs heures que je galére dessus

http://test.citdessaint.com/test/

si il faut modifier la taille de mes boites ca me dérange pas, tout ce que je veux c'est que mes élements soient aligné verticalement.

Merci d'avance

Nixonne

PS: De plus si vous savez comment enlever l'espace blanc en trop en dessous de l'image, je suis preneur.

[Kerod]

Quels sont les éléments à afficher verticalement ?
C'est pas précis désolé

[nixonne]

les elements que je n'arrive pas a aligner verticalement sont ceux du sous menu (en bleu-vert)

Nixonne

[speedev]

Quel genre d'alignement vertical??
top, middle, bottom peut-être??
De quoi parles-tu?

[nixonne]

je voudrais qu'ils soient centré par rapport à la ligne ou ils sont (actuellement le dessous est plus grand que ke dessus)

Nixonne

[speedev]

Ha ok, et bien tu dois mettre une propriété CSS à ta cellule ou tes cellules, tout dépent de ton code:

Ou bien tu fais ça:
dans ton fichier css dans la classe correspondant à tes cellules non alignées:
vertical-align:middle;

Ou bien:
Sur ta cellule
<td valign:"center">...</td>

[nixonne]

même en mettant vertical-align:middle; ca marche pas.

Voici les 2 CSS qui sont a mon avis intérressant:

Celui-ci est appliqué a chaque element vert (du type:<a href='' class="liens_sous_menu">Hockey sur glace</a>):

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
.liens_sous_menu{
color:#000000;
font-size:13px;
font-family:verdana;
text-decoration:none;
margin-top:3px;
text-align:center;
border:1px black solid;
background-color:#66CCCC;
vertical-align:middle;
/*top:0px;
height:17px;
padding-top:1px;
width:139px;
position:relative;
margin:2px;*/
}

Celui-ci est appliqué a cahque boite qui va contenir les liens (boites vertes):

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
.sousMenuaccueil,.sousMenuSport,.sousMenuCommunication,.sousMenuTextile,.sousMenuReligieux,.sousMenuVente,.sousMenuSociete,.sousMenuGalerie{
position:absolute;
left:0px;
top:43px;
width:100%;
height:30px;
visibility:hidden;
background-color : #FFFF99;
border:1px black solid;
vertical-align:middle;
/*padding-top:2px;
padding-bottom:2px;*/
}
.sousMenuaccueil{
visibility:visible;
}

Voici un exemple de sous menu:

Code :

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

1
2
3
4
5
6
<div id='sousMenuSociete' class="sousMenuSociete">
  <a href='' class="liens_sous_menu">Présentation</a>
  <a href='' class="liens_sous_menu">Nous</a>
  <a href='' class="liens_sous_menu">Nous contacter</a>
  <a href='' class="liens_sous_menu">Nos références</a>
</div>

Si vous savez pourquoi?

Deplus l'affichage est différent entre FF et IE.

revoici le lien ici

J'ai fais expres de descendre un peut le div qui va contenir les bloc vert afin de voir si ils sont bien centré dedans.

Nixonne