créer un site


[resolu]CENTRER 3 BLOC EN UN

Poster un nouveau sujet sur css   Répondre au sujet à css:[resolu]CENTRER 3 BLOC EN UN    Accueil Forum -> css
Voir le sujet précédent :: Voir le sujet suivant  
Auteur Message
Génius
flashmioche
flashmioche
Message[resolu]CENTRER 3 BLOC EN UN , Posté le: 15-12-2003 15:01

Bonjour,

Voila j'ai un div qui contient un menu horizontales.
Malheureusement ce menu n'est pas centrer au centre de cette div.
(ni verticalement ni horizontalement)
Qu'est ce que je pourrai mettre comme syntaxe)

voici mon code:

Code:
<div id="blochorizontalhaut">
         <div class="dsmenuhaut">   
         <ul><li><a href="">Arlequin</a></li>   <li><a href="">Alcyone</a></li>   <li><a href="">Aladin</a></li>   <li><a href="">Alysé</a></li><li><a href="">Forum</a></li><li><a href="">Liens</a></li></ul>
         </div>
      </div>


et
Code:
div.dsmenuhaut a {
    background-image:url(images/bouton.gif);
    align:center;
     margin: 0 2px;
     width: 100px; /* on définit la taille du bouton de menu */
     height: 20px;
     float: left;
     display: block;
     text-align: center;
     border: 1px solid gray;
     text-decoration: none;
     color: #000;
     
    }
   
div.dsmenuhaut a:hover {
     background: #fff;
     border: 1px solid gray;
    background-image:url(images/boutonbas.gif);
     }

div.dsmenuhaut a:active {
     background: fff;
     border: 1px solid gray;
     color: #fff;
     }


merci Wink


Dernière édition par Génius le 17-12-2003 20:02; édité 1 fois
salemioche
salemioche
salemioche
Message[resolu]CENTRER 3 BLOC EN UN , Posté le: 16-12-2003 9:04

j'ai pas approffondi mais le vertical-align n'existe pas sur les div

donc pour centrer verticalement, le seul moyen c'est les tables ou alors de connaitre exactement la hauteur et de faire du margin-top margin-bottom.

ca fait parti des limitations qui poussent certains à continuer a faire du table et pas du div
Génius
flashmioche
flashmioche
Message[resolu]CENTRER 3 BLOC EN UN , Posté le: 16-12-2003 9:53

le horizontal-align:center; existe?
salemioche
salemioche
salemioche
Message[resolu]CENTRER 3 BLOC EN UN , Posté le: 16-12-2003 9:57

oui, il s'appelle text-align ;P
Génius
flashmioche
flashmioche
Message[resolu]CENTRER 3 BLOC EN UN , Posté le: 16-12-2003 15:06

lol la honte en plus je l'ai mis dans le code mais pour centrer du texte seulement.
text align ne s'applique pas que sur les textes?
salemioche
salemioche
salemioche
Message[resolu]CENTRER 3 BLOC EN UN , Posté le: 16-12-2003 17:31

non, text-align s'applique a tous les noeuds fils
SIBELIUS
html mioche
html mioche
Message[resolu]CENTRER 3 BLOC EN UN , Posté le: 17-12-2003 0:33

Voilà qui devrait t'aider Wink http://www.alsacreations.com/articles/centrer/
Génius
flashmioche
flashmioche
Message[resolu]CENTRER 3 BLOC EN UN , Posté le: 17-12-2003 20:01

Merci sybelus cette fois c'est bon j'ai reussi tant bien que mal Smile
Montrer les messages depuis:   
Poster un nouveau sujet sur css   Répondre au sujet à css:[resolu]CENTRER 3 BLOC EN UN    Accueil Forum -> css Toutes les heures sont au format GMT + 1 Heure
Page 1 sur 1

 
Sauter vers:  
S'enregistrerS'enregistrer
ProfilProfil
Se connecter pour vérifier ses messages privésSe connecter pour vérifier ses messages privés
RechercherRechercher
Liste des MembresMembres
FAQFAQ
ConnexionConnexion 


© Mentions Légales