Menu horizontal [Resolu]

firebird30 le 16 juillet 2009 à 15h46

Alors voila suite a la construction d'un site internet j'essaye par tout les moyens de trouver l'explication de la création d'un menu horizontal en HTML ou PHP tel :

< inclued picture >

Mais sans résultat,
Je m'explique en mieux je voudrais faire un menu horizontal simple mais efficace ..

Voila en espérant avoir été assez clair ... Si ce n'est pas le cas je suis disponible a répondre a toute les questions

-->Message édité par firebird30 le 16/07/2009 20:35:47<--

-------
°oO0 F I R E B I R D 0Oo°

répondre

poum le 16 juillet 2009 à 19h01

Rien de sorcier si tu pratique un peu le HTML et les CSS.
Il y a des effets visuel sur les côtés mais le reste n'est que bouton.
Fond gris, texte blanc et une petite séparation "tube".
Ces éléments doivent être placés en float-left par exemple, ils se suivront dès lors.
Encore plus simple, tu aligne tout et simplement en texte (sans penser à des boutons)
En CSS tu pourra ainsi leur attribuer un second état au survol de la souris.

En gros, je ne sais plus quoi dire car je ne connais pas ton niveau

Ca pourrait donner ça :

Côté HTML

<div id="menu">
<a href="#">Bouton1</a> -
<a href="#">Bouton2</a> -
<a href="#">Bouton3</a>
</div>

Côté CSS

#menu{
width:300px;
margin:auto;
background-color:#aaa;
padding:12px;
text-align:center;
color:#ccc;
}

#menu a{
color:#fff;
text-decoration:none;
}

#menu a:hover{
color: #FFFF00;
text-decoration:none;
}

On peut faire plus propre, plus précis, mais c'est pour te montrer la facilité avec laquelle on peut arriver à ton résultat.

-->Message édité par poum le 16/07/2009 19:16:58<--

répondre

firebird30 le 16 juillet 2009 à 19h21

Premièrement merci de ton aide .

Deuxièmement es que le CSS et la page HTML doit être au même endroit ?

Merci de ta réponse

-->Message édité par firebird30 le 16/07/2009 19:22:22<--

-------
°oO0 F I R E B I R D 0Oo°

répondre

poum le 16 juillet 2009 à 20h18

Dans l'absolu ils peuvent être dans la même page mais c'est mieux de les séparer.

Pour cela, crée un bête fichier texte que tu nomme "toto.css" par exemple.
Tu y copie le contenu vu plus haut.

Dans ta page HTML, tu appel ce fichier.
Entre les balises <head> et </head> tu ajoute :

Dans ce cas, les deux fichiers doivent être dans le même dossier sinon tu corrige le chemin du fichier CSS.

firebird30 a écrit :

Premièrement merci de ton aide

C'est avec plaisir, c'est tellement calme ces temps-ci