le 16/09/2009 à 09:42
sebing
Bonjour,
J'ai un problème de mise en page.
Mon site n'apparait pas comme je voudrais.
En effet le menu qui doit etre à gauche se retrouve en haut (div menu1).
Voici le lien du site http://amk78.free.fr/
Merci de me venir en aide.
Bonne journée
Seb
J'ai un problème de mise en page.
Mon site n'apparait pas comme je voudrais.
En effet le menu qui doit etre à gauche se retrouve en haut (div menu1).
Voici le lien du site http://amk78.free.fr/
Merci de me venir en aide.
Bonne journée
Seb
Mon code CSS
div#conteneur{
position:relative;
left:30%;
width:900px;
margin:0 0 0 -375px;
}
div#bandeau {
width:900px;
height:130px;
font-family:"Comic Sans MS";
color:#006400;
}
div#colonnebandeau {
float:left;
width:150px;
height:130px;
font-family:"Comic Sans MS";
color:#006400;
}
div#centrebandeau {
float:left;
width:500px;
height:130px;
font-family:"Comic Sans MS";
color:#006400;
}
div#menubandeau {
float:left;
width:%;
height:%px;
font-family:"Comic Sans MS";
color:#006400;
}
.menucentre a {
color: #FF8C00;
background-color: #006400;
text-decoration: none;
font-weight: bold;
text-align: center;
padding: 5px;
border: 2px outset #c0c0c0;
display:inline;
width: 100px;
}
.menucentre a:hover {
color: #006400;
background-color: #6495ED;
background-image: url(parquet.jpeg);
border: 2px inset #c0c0c0;
}
div#droitebandeau {
float:left;
width:150px;
height:130px;
font-family:"Comic Sans MS";
color:#006400;
}
div#milieu {
width:900px;
height:550px;
font-family:"Comic Sans MS";
color:#006400;
}
}
div#menu1 {
float:left;
width:150px;
height:550px;
background-color:#FF8C00;
}
div#contenu {
float:left;
width:600px;
height:550px;
font-family:"Comic Sans MS";
font-size: large;
color:#FF8C00;
border-color:#000099;
background-color:#006400;
}
div#colonne_droite {
float:left;
width:150px;
height:550px;
background-color:#FF8C00;
font-family:"Comic Sans MS";
color:#006400;
}
div#pied_page {
float:left;
clear:both;
width:750px;
height:18px;
background-color:#006400;
}
div#pied_page_d {
float:left;
width:150px;
height:18px;
background-color:#FF8C00;
}le body de ma page
<body>
<div id="conteneur">
<div id="bandeau">
<div>
<div id="colonnebandeau">
<div align="center"><img src="images/Logo.gif" alt="logo" width="132" height="132"></div>
</div>
<div id="centrebandeau">
<div align="center"><img src="images/titre.gif" alt="Basket Club Plaisir" width="587" height="57"></div>
</div>
<div id="droitebandeau">
</div>
<p> </p>
</div>
</div>
<div id="milieu">
<div id="menu1">
<? require "menu.php" ?>
</div>
<div id="contenu">
<p align="center">Plaisir Basket Club</p>
<p align="center">vous souhaite la bienvenue </p>
<p> Ici mettre la présentation du club, créé en ....</p>
<p align="left"> </p>
</div>
<div id="colonne_droite">
<? require "news.php" ?>
<div id="colonne_droite_bas">
<p align="center"><form method="POST" action="espace_membres/identification_valid.php">
Login : <input type="text" name="login" size="15" maxlength="15"><br>
Mot de passe : <input type="password" name="mdp" size="10" maxlength="10"><br>
<input type="submit" value="envoyer"><br>
</form>
</div>
</div>
</div>
<div id="pied_page"><img src = "http://www.w3.org/Icons/valid-html401" alt = "valide HTML 4.01 Transitional "height ="19"width ="76"><img src = "http://www.w3.org/Icons/valid-html401-blue" alt = "Valid HTML 4.01 Transitional" height = "19" width = "76"></div>
<div id="pied_page_d"></div>
</div>
</body>
