|
[ Forums >> Webmasters >> Les autres langages >> HTML, CSS : problème bordure ]
| > HTML, CSS : problème bordure |
[ Posté par silversky ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 27-10-2009 à 15:05 | 2 messages ]
Bonjour,
J'aurais besoin d'un petit coup de main car je m'acharne à trouver une solution à mon problème mais sans résultat.
Je souhaiterais que le corps de la page colle au bors supérieur et inférieur de la page de manière à ce que l'on ne voit plus une bande noir qui fait partie du background.
J'espère que vous comprendrez ce que je veux dire et que vous m'aiderez.
J'ai essayer de rajouter des margin:0 et padding:0 mais tjrs pas de résultat.
voici l'image du site pour que vous puissiez mieux vous rendre compte , ainsi que ma page html et css.
Merci encore pour votre aide.
[img]http://nsa11.casimages.com/img/2009/10/27/mini_091027030336776328.jpg[/img]
[u]le body en HTML:[/u]
<body>
<!-- Le corps -->
<div id="corps">
<div id="menu">
<ul class="niveau1">
<li><a href="index.html">Home</a></li>
<li class="sousmenu"><a href="news.html"class="news">News</a>
<ul class="niveau2">
<li><a href="news.html">2009</a></li>
<li><a href="news2010.html">2010</a></li>
</ul>
</li>
<li class="sousmenu"><a href="bio.html"class="bio">Biographie</a>
<ul class="niveau2">
<li><a href="bio.html">Le groupe</a></li>
<li><a href="adam.html">Adam Gontier</a></li>
<li><a href="neil.html">Neil Sanderson</a></li>
<li><a href="brad.html">Brad Walst</a></li>
<li><a href="barry.html">Barry Stock</a></li>
</ul>
</li>
<li class="sousmenu"><a href="albums.html"class="disco">Discographie</a>
<ul class="niveau2">
<li><a href="albums.html">Albums</a></li>
<li><a href="singles.html">Singles</a></li>
<li><a href="dvd.html">DVD</a></li>
<li><a href="paroles.html">Paroles</a></li>
<li><a href="partitions.html">Partitions</a></li>
</ul>
</li>
<li class="sousmenu"><a href="tour2009.html"class="tour">Tour</a>
<ul class="niveau2">
<li><a href="tour2009.html">2009</a></li>
<li><a href="tour2010.html">2010</a></li>
</ul>
</li>
<li class="sousmenu"><a href="officielle.html"class="galerie">Galerie</a>
<ul class="niveau2">
<li><a href="officielle.html">Photos officielles</a></li>
<li><a href="divers.html">photos diverses</a></li>
<li><a href="screenshots.html">Screenshots</a></li>
</ul>
</li>
<li class="sousmenu"><a href="liensofficiels.html"class="liens">Liens</a>
<ul class="niveau2">
<li><a href="liensofficiels.html">Liens officiels</a></li>
<li><a href="liensfans.html">Liens de fans</a></li>
<li><a href="lienspersonnel.html">Liens personnels</a></li>
</ul>
</li>
<li class="sousmenu"><a href="articles.html"class="presse">Presse</a>
<ul class="niveau2">
<li><a href="articles.html">Articles</a></li>
<li><a href="interviews.html">Interviews</a></li>
</ul>
</li>
<li class="sousmenu"><a href="videos.html"class="videos">Mediatheque</a>
<ul class="niveau2">
<li><a href="videos.html">Vidéos</a></li>
<li><a href="audios.html">Audios</a></li>
</ul>
</li>
<li class="sousmenu"><a href="mur.html"class="mur">Fanzone</a>
<ul class="niveau2">
<li><a href="mur.html">Le mur</a></li>
</ul>
</li>
<li><a href="contact.html"class="contact">Contact</a></li>
<li class="sousmenu"><a href="http://www.a-free-guestbook.com/gb/silversky1/"target="_blank"class="guestbook">Guestbook</a>
<ul class="niveau2">
<li><a href="http://www.a-free-guestbook.com/gb/silversky1/"target="_blank">Guestbook</a></li>
</ul>
</li>
</ul>
</div>
<p><iframe name="Le mur" src="mur2.html" width="400" height="390">Le mur</iframe></p>
</div>
</body>
[u]Le css[/u]
body
{
width:900px;
margin:auto;
background-color:black;
}
/* place du menu */
/*on definit la taille de la div du menu ainsi que la taille de parties du menu.*/
div#menu {
width: 90px;
background-color:black;
float:left;
padding:0px;
padding-top:0px;
margin:0px;
margin-left:95px;
margin-top:40px;
}
div#menu ul {
padding: 0;
width: 90px;
border:1px solid;
margin:0px;
background-color:black;
}
/*On positionne les elements du menu */
div#menu ul li {
position:relative;
list-style: none; /*on enleve les icones de liste */
border-bottom:1px solid; /*ajout d'une bordure de separation d'element:*/
}
div#menu ul ul {
position: absolute;
top: 0;
left: 90px; /*100px correspond au décalage a droite, on décale de la taille du ul de base*/
}
div#menu li a {
text-decoration: none; /* plus de soulignement pour les liens */
}
/*fond jaune pr les sous-menu*/
div#menu li.sousmenu {
background-color:black;
}
/* fichier pour internet explorer */
body {
behavior: url(csshover.htc);
}
/* On cache tous les sous menu avec la propriété display none */
div#menu ul ul {
position: absolute;
top: 0;
left: 90px;
display:none
}
/*Lors du survol ,avec la souris, les sousmenu apparaissent grace a display: block */
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2{
display:block;
}
/* fond blanc pour le menu */
div#menu a {
color:#ffffff;
text-decoration:none;
color:white;
font-family:verdana,"Arial Black",Arial,"Comic Sans MS","Trebuchet MS",Serif;
font-size:11px;
}
div#menu a:hover {
color:#ffffff;
text-decoration:none;
color:#B78965;
font-family:verdana,"Arial Black",Arial,"Comic Sans MS","Trebuchet MS",Serif;
font-size:11px;
}
.news
{
margin-left:20px;
}
.disco
{
margin-left:-20px;
}
.tour
{
margin-left:20px;
}
.liens
{
margin-left:20px;
}
.mur
{
margin-left:-20px;
}
.contact
{
margin-left:10px;
}
.guestbook
{
margin-left:-20px;
}
/* Quelques effets sur les liens */
a
{
text-decoration:none;
color:white;
font-family:verdana,"Arial Black",Arial,"Comic Sans MS","Trebuchet MS",Serif;
font-size:10px;
}
a:hover
{
text-decoration:none;
color:#B78965;
font-family:verdana,"Arial Black",Arial,"Comic Sans MS","Trebuchet MS",Serif;
font-size:10px;
}
/* Le corps de la page */
#corps
{
width:800px;
height:650px;
background-image:url("imagesite/corpstitremenu2gd.jpg");
background-repeat:no-repeat;
margin:0px;
padding:0px;
font-size:14px;
font-family:"Comic Sans Ms",Arial, "Arial Black", "Times New Roman", Times, serif;
}
#corps p
{
text-align:justify;
padding-top:60px;
margin-left:225px;
color:red;
}
|
[ Posté par rf92 ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 02-11-2009 à 21:13 | 690 messages ]
Bonsoir,
pourrais-tu essayer ceci dans les css ?
<style type="text/css">
body { width:100%; height:100%; left:0px; top:0px; }</style> |
|
@+
________________
rf92
A Begwalewe, près de Serule au Botswana, Galetwaselwe Mossi a volé une vache à Sir Seretse Khama. On vous fait grâce du nom de la vache.
Pierre Desproges
|
|
Services email :
Vous devez vous identifier pour profiter des services par email du forum.
|
|
]
