probleme avec un menu fixe... (css)

Répondre
Citer ce message
Sh
le 14/04/2005 à 18:04
Sh
http://uas.webator.net/sh/index.php

voici ma page web. mon soucis se situe dans le cadre orange du dessus.
je n' arrive pas a centrer mes liens sur la largeur, et je voudrai aussi les centrer en hauteur merci :)

donc mon html :
<div class="menufixe">

		<ul class="menu">

			<li><a href="./index.php?page=defaut">Accueil</a></li>

			<li><a href="./index.php?page=projets">Mes projets</a></li>

			<li><a href="./index.php?page=tutos">Mes tutos</a></li>

			<li><a href="./index.php?page=about">À propos</a></li></ul>

		</ul>

	</div>

voici mon css :

.menufixe {

position: absolute;

top: 3px;

left: 38px;

width: 500px;

z-index: 2;

text-align: center;

background-color: #ffecce;

border: 1px solid #666666;

line-height: 1,5em;

height: 1,5em;

margin: 0;

}



html>body .menufixe {

position: fixed

}



.menu li {

float: left;

}



.menu a {

margin: 0 2px;

width: 100px;

height: 20px;

display: block;

text-align: center;

border: 1px solid orange;

text-decoration: none;

color: #000;

background: #fff;

}



.menu a:hover {

background: #ccc;

border: 1px solid orange; 

}



.menu a:active {

background: gray;

border: 1px solid orange; 

color: #fff;

}


merci de m'aider :)
Citer ce message
zebden
le 14/04/2005 à 18:14
zebden
vertical-align:middle ?
zebdinou pour les intimes / Blog : http://www.zebden.fr
Citer ce message
Sh
le 15/04/2005 à 06:50
Sh
pour bien voir que ca ne centre pas il vaut mieu utiliser :
.menufixe {

position: absolute;

top: 3px;

left: 38px;

width: 500px;

z-index: 2;

text-align: center;

background-color: #ffecce;

border: 1px solid #666666;

line-height: 1,5em;

height: 1,5em;

margin: 0;

}
Citer ce message
Franquito
le 19/04/2005 à 20:36
Franquito
Bon deja dans ton code html, ya un </ul> en trop, retire le ce sera deja ca :)

Ensuite comme zebden, je te suggere le vertical-align, MAIS n'oublie pas de mettre auto pour le margin-top et margin-bottom... Ca devrai marcher normalement :)
Citer ce message
mojorisin
le 20/04/2005 à 07:40
mojorisin
Non la propriété css vertical-align aligne les éléments JUXTAPOSES verticalement. En aucun cas cela permet l'alignement vertical par rapport à un bloc.

Il y a deux solution pour permettre le centrage vertical :
1/ feinter le navigateur en lui disant que le bloc est une cellule de tableau : display:table-cell; mais ie ne le prendra pas en compte
2/ utiliser des marges négatives mais il faut que le bloc soit de taille fixe
.menu {
position: absolute;
top: 50%;
left: 50%;
width: 500px;
height: 400em;px
margin-top: -200px;
margin-left: -250px;
}
echo ’16i[q]sa[ln0=aln100%Pln100/snlbx]sbA0D4D465452snlbxq’|dc
Répondre

Ecrire un message

Votre message vient d'être créé avec succès.
LoadingChargement en cours