28111 sujets

CSS et mise en forme, CSS3

Deux menus superposés

Bonjour, je suis une débutante en CSS, cela fait à peine 3 semaines que je lis les cours. Maintenant j'aimerais superposer deux menus l'un contenant le logo à gauche, au mileu le message de bienvenue et à droite le lien du site, l'autre menu doit avoir deux boutons qui vont permettre de rediriger vers d'autres pages. NB: c'est un portail web et je veux une jolie page d'accueil. Merci
Voici ce que j'ai fait pour l'instant:
exple.css:

nav ul{
padding: 0px;
margin: 0px;
list-style-type:none;
/*center: 0px; */
/*width: 1000px;*/
/*margin-left: 400px; /* 0,5 width + 1 border */
/* border: 1px solid white;*/
background-color:#FF8C00;
}

nav li{
display:inline-block;
width:200px;
height:0px;
margin:0px;
padding:0px;
border-right:1px solid #CCCCCC;
text-align:center;
line-height:40px;
}

nav li :hover{
background-color:#B45F04;
}

nav li a{
display:block;
text-decoration:none;
color:#FFB754;
}

exple.html:

<!DOCTYPE html>
<html>
<head>
<link rel="icon" type="image/png" href="logo.jpg" />

<title>Notre réseau</title>
<meta charset="utf-8"/>
<link rel="stylesheet" href="exple.css"/>
</head>

<body>

<div class="photogauche"><img src="logo.jpg" width="100" height="75" align="top" /></div>

<h1 align=center> BIENVENUE </h1>
<nav>
<ul align=center>
<li><a href="connexionadmin.php">Espace Administrateur</a></li><!--
--><li><a href="connexionpartenaire.php">Espace Partenaire</a></li>
</ul>
</nav>
</body>
</html>
Merci
En fait je suis en train de concevoir un portail web et je suis sur la page d'accueil.
Je veux avoir deux menus superposés c'est à dire l'un en dessous de l'autre.
Le 1er doit contenir un logo à gauche le message de bienvenue au milieu et le lien du site à droite.
L'autre c'est la bande orange contenant espace admin et partenaire, j'avoue que je suis nulle en css et si vous avez des suggestions aussi je suis preneur.
Je veux une page d'accueil simple et jolie.
Quand tu regarde ce que j'ai fais, ce n'est pas bien ? car tout est dans l'ordre au final..
oui j'ai cliqué sur le lien et je vois mes codes et la page. Vous avez ajouter quelque chose?
non justement je demande parce que avec ton code, je vois pas deux menu mais un seul, avec un titre de bienvenue au dessus, et le logo a gauche.. exactement ce que tu décris. donc je vois pas de différence entre ce que tu demandes et ce que je vois. ou alors je comprend rien.
oui c'est l'objet de ma question comment faire pour avoir deux menus superposés j'ai cherché sur le net depuis une semaine mais rien et aujourd'hui je suis tombée sur ce site je me suis dit pourquoi pas poser mon problème ici peut être j'aurais de l'aide. Merci
mais tu n'a qu'un seul menu.

du coup si tu retourne dans mon lien, j'ai dupliquer ton seul menu ça en fait deux.
C'est pas ce que je veux, je veux deux menus de couleur différente, Je penses que vous ne m'avais pas compris. Merci de votre disponibilité j'attends les autres réponses.
Pourtant il est bien écrit que vous voulez deux menu superposé ce qui est le cas dans mon exemple (bien qu'il faille changer la color:orange mais ça c'est très simple.)

Je laisse les autres répondre car je ne comprend pas du tout votre demande.
J'ai joint une image, c'est ce genre de menu que je veux. peut être j'ai mal posé ma question
Sujet clos
Aller à