Connexion
Inscription
Aide
Ce sujet est fermé
Je suis Designer et je suis en train de créer mon site.
J'ai déjà réalisé mes menus (horizontal et vertical) et j'aimerais que vous m'aidiez à le mettre en place avec les éléments qu'il me manque et que je ne sais pas du tout comment faire. 
Ce que je voudrais faire, est un site qui ressemble à mon schéma. J'ai déjà créé les menus en code html (que je vous ai mis dans mon premier message) et je n'arrive pas à créer le reste. Ce que j'aurai aimé, c'est que vous me donniez le code complet html et css surtout pour parvenir au schéma que j'ai réalisé, en, bien évidemment, insérant MES menu dans votre code.
En gros: Si possible, que vous me donniez le code html et surtout css du site semblable au schéma que j'ai réalisé, avec mes menus. Le reste vous mettez juste le code html sans aucun texte, c'est moi qui le mettrai mais par contre il faudrait que vous me donniez le code css de façon à ce que la présentation du site avec mes menus soit identique à celle de mon schéma.
Je sais que ce que je demande est cours, emplacement de la bannière centrée, un menu à gauche au même niveau que le corps centrale, un menu horizontal juste au dessus du corps central et centré le tout (le site) au milieu de la page web afin qu'il y est deux parties égale à coté de mon site.... C'est tout court, seulement je suis une ***** en informatique, alors svp, aidez moi
Voici son schéma. (je veux mon site sans le pied de page.)
http://www.hostingpi..._a_18.30.26.png
Voilà comment j'aimerais que mon site soit exactement:
http://www.hostingpi..._a_12.00.56.png
Merci beaucoup
Cordialement
Patrick
PS: Voici les code html et css de mes menus:
CODE HTML MENU HORIZONTAL:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
" http://www.w3.org/TR/xhtml1/DTD/xht[...]t.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title></title>
<link rel="stylesheet" href="menu_style.css" type="text/css" />
</head>
<body>
<br>
<br>
<div class="menu">
<ul>
<li><a href="#" >Accueil</a></li>
<li><a href="#" id="current">Globulos</a>
<ul>
<li><a href="#">Tournois 32 joueurs</a></li>
<li><a href="#">Tournois 64 joueurs</a></li>
<li><a href="#">Championnat</a></li>
<li><a href="#">Coupe D'Ewis</a></li>
</ul>
</li>
<li><a href="/faq.php">FAQ</a>
<ul>
<li><a href="#">Drop Down CSS Menus</a></li>
<li><a href="#">Horizontal CSS Menus</a></li>
<li><a href="#">Vertical CSS Menus</a></li>
<li><a href="#">Dreamweaver Menus</a></li>
</ul>
</li>
<li><a href="/contact/contact.php">Contact</a></li>
</ul>
</div>
</body>
</html>
VOICI CODE CSS MENU HORIZONTAL:
.menu{
border:none;
border:0px;
margin:0px;
padding:0px;
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}
.menu ul{
background:#333333;
height:35px;
list-style:none;
margin:0;
padding:0;
}
.menu li{
float:left;
padding:0px;
}
.menu li a{
background:#333333 url("images/seperator.gif") bottom right no-repeat;
color:#cccccc;
display:block;
font-weight:normal;
line-height:35px;
margin:0px;
padding:0px 25px;
text-align:center;
text-decoration:none;
}
.menu li a:hover, .menu ul li:hover a{
background: #2580a2 url("images/hover.gif") bottom center no-repeat;
color:#FFFFFF;
text-decoration:none;
}
.menu li ul{
background:#333333;
display:none;
height:auto;
padding:0px;
margin:0px;
border:0px;
position:absolute;
width:225px;
z-index:200;
/*top:1em;
/*left:0;*/
}
.menu li:hover ul{
display:block;
}
.menu li li {
background:url('images/sub_sep.gif') bottom left no-repeat;
display:block;
float:none;
margin:0px;
padding:0px;
width:225px;
}
.menu li:hover li a{
background:none;
}
.menu li ul a{
display:block;
height:35px;
font-size:12px;
font-style:normal;
margin:0px;
padding:0px 10px 0px 15px;
text-align:left;
}
.menu li ul a:hover, .menu li ul li:hover a{
background:#2580a2 url('images/hover_sub.gif') center left no-repeat;
border:0px;
color:#ffffff;
text-decoration:none;
}
.menu p{
clear:left;
}
VOICI CODE HTML MENU VERTICAL:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " http://www.w3.org/TR/xhtml1/DTD/xht[...]t.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Massive Blue ~ CSS Vertical Menu</title>
<style type="text/css">
@import url(menu_style.css);
</style>
</head>
<body>
<ul id="menu">
<li><a href="#" title="Home">Annonces</a></li>
<li><a href="#" title="Products">Règles</a></li>
<li><a href="#" title="Services">Groupe 1</a></li>
<li><a href="#" title="Support">Groupe 2</a></li>
<li><a href="#" title="FAQ">Groupe 3</a></li>
<li><a href="#" title="FAQ">Groupe 4</a></li>
</ul>
</body>
</html>
VOICI CODE CSS MENU VERTICAL:
#menu {
background: #333;
float: left;
list-style: none;
margin: 0;
padding: 0;
width: 12em;
}
#menu li {
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
#menu a {
background: #333;
border-bottom: 1px solid #393939;
color: #ccc;
display: block;
margin: 0;
padding: 8px 12px;
text-decoration: none;
}
#menu a:hover {
background: #2580a2 url("images/hover.gif") left center no-repeat;
color: #fff;
padding-bottom: 8px;
}
Retour en haut
Multi-citation
