Alignement centré horizontal ( css ) - HTML/CSS - Programmation
Marsh Posté le 09-03-2006 à 10:40:50
une frame avec des div
et pour le centrage en lui même google ou
sujet maintes fois abordé
Marsh Posté le 09-03-2006 à 14:32:26
essayes de mettre le align="center" sur le div qui contient le tout, plutot que sur le 2eme.
Marsh Posté le 09-03-2006 à 16:03:54
quenting a écrit : essayes de mettre le align="center" sur le div qui contient le tout, plutot que sur le 2eme. |
bravo la connaissance des css
Marsh Posté le 10-03-2006 à 11:42:55
quenting a écrit : essayes de mettre le align="center" sur le div qui contient le tout, plutot que sur le 2eme. |
ZOMG Welcome back to 1995
Marsh Posté le 08-03-2006 à 12:54:45
Bonjour...
Je suis plus ou moins totalement débutant en CSS. Je m'arrache les cheuveux pour faire une boite flottante , qui s'aligne automatiquement au milieu horizontale de la page .
Il s'agit d'un menu contenu dans une frame
Voici un peu de code :
HTML :
<div id="Layer1" style="position:relative; width:850px; height:55px; z-index:1; left: -30px; top: -20px; overflow: visible;" class="Layer1">
<div align="center"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','menu/Galerie2.gif',1)"><img src="menu/Galerie1.gif" name="Image1" width="152" height="58" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','menu/Multimédia2.gif',1)"><img src="menu/Multimédia1.gif" name="Image2" width="166" height="58" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','menu/or2.gif',1)"><img src="menu/or1.gif" name="Image3" width="169" height="58" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','menu/partenaire2.gif',1)"><img src="menu/partenaire1.gif" name="Image4" width="162" height="58" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','menu/contact2.gif',1)"><img src="menu/contact1.gif" name="Image5" width="125" height="58" border="0"></a></div>
</div>
CSS :
.
Layer1 {
vertical-align: top;
white-space: normal;
float: left;
text-align: center;
clear: both;
overflow: visible;
z-index: 1;
margin-right: auto;
margin-left: auto;
}
çà parait sans doute tout bête mais pas moyen d'y parvenir...