Se connecter avec
S'enregistrer | Connectez-vous

Comment aligner mes menu sur mon site web?

Dernière réponse : dans Programmation
Expert Programmation

Bonjour,

Je suis en train d'élaborer un site web, avant tous explication regardé mon problème en allant dessus: >ICI<

Le menu (le bloc) :" news" , je veux qu'il soit aligné en dessous du menu "livre d'or", j'ai utilisé la fonction: "float" pour les deux bloc et ça me l'ai place en escalier.

Voici le code html :


Citation :

<div id="menu1">

<div style="margin-top:60px;padding-left:10px:font-size:12px">
<center>
<a href="livre_dor.php">Signer le livre d'or</a>
<br/>
<br/>
<?php [...] ?>
</div>
</center>
</div>

<div id="menu3">

<div style="margin-top:60px;padding-left:10px;font-size:14px">
<center>
Lancement futur
<br/>
du championnat
<br/>
<br/>
</center>
</div>
</div>




Et le code css:

Citation :

#menu1
{
background-image: url("pictures/menu_livre_dor.png") ;
background-repeat: no-repeat;
float: left; /* Le menu flottera à gauche */
margin-left:80px;
width: 228px;
height:auto;
}


#menu3
{
background-image: url("pictures/news.png") ;
background-repeat: no-repeat;
float:left;
margin-left:80px;
width: 228px;
height:auto;
margin-top:30px;
}


J'ai créer un tableau avec la fonction "table", les 2 menu étaient algné mais le float n'est plus pris en compte, c'est à dire il affiche mes menu avant le corps du site.

Merci de m'aider.

Autres pages sur : aligner menu site web

Lassé par la pub ? Créez un compte
Expert Programmation

Justement je veux les différencier, le titre "livre d'or" et "news" sont incorporés dans l'image donc j'ai deux images différentes et donc deux menu.
Et la taille du menu "livre d'or" évolue automatiquement lorsque un utilisateur ajoute une signature donc un seul menu n'irai pas.

Après réflexion j'ai créer qu'un seul menu, tanpis si je n'est pas la police voulu...
Lassé par la pub ? Créez un compte
Tom's guide dans le monde