Marge qui bug?
selmal
-
selmal -
selmal -
Bonjour,
voila mon probleme
Jai un bandeau un menu et le cnetre de ma page et le Menu et decaler par rapport au bandeau et au centre.
Il y a du blanc entre le bandeau et le menu et entre le menu et le centre.
Je vous laisse Mes codes css et HTml esperant que vous trouverez de quoi maider.
LE HTML
Quote:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Art&Co</title>
<link href="Style-art&co.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body {
background-color: #FFF;
}
-->
</style></head>
<body>
<div id="page">
<!--debut bando -->
<div id="Bando"></div>
<!--fin bando -->
<!--debut menu -->
<div id="menu">
<ul>
<li> <a href="accueil.html">Accueil</a></li>
<li><a href="Site/Site.html">Site</a></li>
<li><a href="Design/Design.html">Design</a></li>
<li><a href="contact/contact.html">Contact</a></li>
</ul>
<p> </p>
<p> </p>
</div>
<!--fin menu -->
<div id="centre">
<p> </p>
<p>ARTandCO Studio</p>
<p> </p>
<p> vous propose un sérvice compétent dans la creation de site internet.</p>
<p> </p>
<p> </p>
<p>Vos projets, Nos solutions.</p>
<p>D'un simple site vitrine a une boutique e-commerce<br />
nous assurons un service particulier pour chaque client.</p>
<p> </p>
<p> </p>
</div>
<!--fin centre -->
<!--debut pied -->
<div id="pied">
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li><a href="accueil.html">Accueil</a> </li>
<li><a href="#">Mentions légales</a></li>
<li><a href="#"> Contact</a> </li>
</ul>
</div>
<!--fin pied -->
</div>
</body>
</html>
LE CSS
Quote:
@charset "utf-8";
#page {
background-color: #FFF;
padding: 0px;
height: auto;
width: 955px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#page #Bando {
background-color: #000;
margin: 0px;
padding: 0px;
height: 250px;
width: 955px;
background-image: url(logo12.jpg);
background-repeat: no-repeat;
}
#page #Bando img {
margin: 0px;
padding: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#page #menu {
background-color: #000;
margin: 0px;
padding: 0px;
height: 100px;
width: 955px;
display: block;
list-style-type: none;
text-align: center;
color: #FFF;
font-size: 18px;
background-image: url(Menu1.jpg);
}
#page #pied ul {
display: inline;
list-style-type: none;
background-color: #000;
margin: 0px;
padding: 0px;
}
#page #pied li a {
background-color: #000;
display: inline;
padding: 2px;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 10px;
color: #FFF;
font-size: 10px;
text-align: center;
}
#page #pied il a:hover {
color: #FFF;
}
#page #pied li {
display: inline;
margin: 0px;
padding: 0px;
list-style-type: none;
background-color: #000;
}
#page #menu ul {
margin: 0px;
padding: 0px;
list-style-type: none;
background-color: #000;
}
#page #menu li {
display: inline;
margin: 0px;
padding: 0px;
list-style-type: none;
}
#page #menu li a {
background-image: url(Bouton%20blanc.jpg);
display: block;
height: 25px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
font-weight: bold;
font-variant: normal;
color: #FFF;
text-decoration: none;
background-repeat: repeat-x;
clear: none;
float: left;
margin-left: 20px;
padding-top: 5px;
text-align: center;
margin-top: 75px;
}
#page #menu li a:hover {
background-image: url(bouton%20marron%20actif2.jpg);
}
#page #gauche {
background-color: #03FCFC;
margin: 0px;
width: 175px;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 0px;
float: left;
}
#page #droite {
background-color: #03FCFC;
margin: 0px;
float: right;
width: 180px;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
}
#page #pied {
background-color: #000;
margin: 0px;
clear: both;
width: 955px;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
font-size: 10px;
text-align: center;
}
#page #centre {
background-color: #000;
padding: 0px;
width: 955px;
float: none;
color: #FFF;
height: 433px;
margin: auto;
clear: both;
}
body {
font-family: "Lucida Console", Monaco, monospace;
background-image: none;
background-repeat: repeat;
margin: 0px;
padding: 0px;
}
#page #centre p {
text-align: center;
}
#page #centre p {
font-size: 18px;
}
#page #centre p ARTandCO Studio {
font-weight: bold;
}
#page #centre p {
font-weight: bold;
}
#page #centre p {
font-weight: normal;
text-align: center;
}
voila mon probleme
Jai un bandeau un menu et le cnetre de ma page et le Menu et decaler par rapport au bandeau et au centre.
Il y a du blanc entre le bandeau et le menu et entre le menu et le centre.
Je vous laisse Mes codes css et HTml esperant que vous trouverez de quoi maider.
LE HTML
Quote:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Art&Co</title>
<link href="Style-art&co.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body {
background-color: #FFF;
}
-->
</style></head>
<body>
<div id="page">
<!--debut bando -->
<div id="Bando"></div>
<!--fin bando -->
<!--debut menu -->
<div id="menu">
<ul>
<li> <a href="accueil.html">Accueil</a></li>
<li><a href="Site/Site.html">Site</a></li>
<li><a href="Design/Design.html">Design</a></li>
<li><a href="contact/contact.html">Contact</a></li>
</ul>
<p> </p>
<p> </p>
</div>
<!--fin menu -->
<div id="centre">
<p> </p>
<p>ARTandCO Studio</p>
<p> </p>
<p> vous propose un sérvice compétent dans la creation de site internet.</p>
<p> </p>
<p> </p>
<p>Vos projets, Nos solutions.</p>
<p>D'un simple site vitrine a une boutique e-commerce<br />
nous assurons un service particulier pour chaque client.</p>
<p> </p>
<p> </p>
</div>
<!--fin centre -->
<!--debut pied -->
<div id="pied">
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li><a href="accueil.html">Accueil</a> </li>
<li><a href="#">Mentions légales</a></li>
<li><a href="#"> Contact</a> </li>
</ul>
</div>
<!--fin pied -->
</div>
</body>
</html>
LE CSS
Quote:
@charset "utf-8";
#page {
background-color: #FFF;
padding: 0px;
height: auto;
width: 955px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#page #Bando {
background-color: #000;
margin: 0px;
padding: 0px;
height: 250px;
width: 955px;
background-image: url(logo12.jpg);
background-repeat: no-repeat;
}
#page #Bando img {
margin: 0px;
padding: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#page #menu {
background-color: #000;
margin: 0px;
padding: 0px;
height: 100px;
width: 955px;
display: block;
list-style-type: none;
text-align: center;
color: #FFF;
font-size: 18px;
background-image: url(Menu1.jpg);
}
#page #pied ul {
display: inline;
list-style-type: none;
background-color: #000;
margin: 0px;
padding: 0px;
}
#page #pied li a {
background-color: #000;
display: inline;
padding: 2px;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 10px;
color: #FFF;
font-size: 10px;
text-align: center;
}
#page #pied il a:hover {
color: #FFF;
}
#page #pied li {
display: inline;
margin: 0px;
padding: 0px;
list-style-type: none;
background-color: #000;
}
#page #menu ul {
margin: 0px;
padding: 0px;
list-style-type: none;
background-color: #000;
}
#page #menu li {
display: inline;
margin: 0px;
padding: 0px;
list-style-type: none;
}
#page #menu li a {
background-image: url(Bouton%20blanc.jpg);
display: block;
height: 25px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
font-weight: bold;
font-variant: normal;
color: #FFF;
text-decoration: none;
background-repeat: repeat-x;
clear: none;
float: left;
margin-left: 20px;
padding-top: 5px;
text-align: center;
margin-top: 75px;
}
#page #menu li a:hover {
background-image: url(bouton%20marron%20actif2.jpg);
}
#page #gauche {
background-color: #03FCFC;
margin: 0px;
width: 175px;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 0px;
float: left;
}
#page #droite {
background-color: #03FCFC;
margin: 0px;
float: right;
width: 180px;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
}
#page #pied {
background-color: #000;
margin: 0px;
clear: both;
width: 955px;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
font-size: 10px;
text-align: center;
}
#page #centre {
background-color: #000;
padding: 0px;
width: 955px;
float: none;
color: #FFF;
height: 433px;
margin: auto;
clear: both;
}
body {
font-family: "Lucida Console", Monaco, monospace;
background-image: none;
background-repeat: repeat;
margin: 0px;
padding: 0px;
}
#page #centre p {
text-align: center;
}
#page #centre p {
font-size: 18px;
}
#page #centre p ARTandCO Studio {
font-weight: bold;
}
#page #centre p {
font-weight: bold;
}
#page #centre p {
font-weight: normal;
text-align: center;
}
A voir également:
- Marge qui bug?
- Bug chromecast - Guide
- Iptv bug - Forum Box et Streaming vidéo
- Bug family link - Forum Contrôle parental
- Bug de chaîne IPTV ✓ - Forum TV & Vidéo
- Bug outlook - Guide
