Forum
Forum :: Aide en CSS
Bug ligne blanche
<< Sujet précédent | Sujet suivant >>
Moderateurs: Alexis
Auteur Message
Blackdwarf
Messages: 14
Salut, 
j'ai un problème sur mon site : http://projetfantasy.utiliweb.fr/news.php

je n'arrive pas à enlever les lignes blanches se situant en haut et en bas du site.

Merci d'avance pour vos réponses !

- Edité le 29/05/2010 à 14:43 -
Julien.
Messages: 222
Site internet
Salut,

Copie ce code CSS, l'erreur à été corrigé, il suffisait de mettre

    margin-top: 0px;
    margin-bottom: 0px;

dans l'attribut #page

Voici ton css mieux organisé :

body { 
    margin: 0; 
    padding: 0;  
    font-size: 12px;  
    font-family: verdana, arial, Helvetica, sans-serif; 
    color: #000000; 
    background-color: none; 
    text-align: left; } 

td { 
    background: none; 
    font-family: verdana, arial, Helvetica, sans-serif; 
    font-size: 12px; 
    font-style: normal; 
    color: #000000; 
    padding: 0px; 
    text-align: left; } 

a { 
    color: #000000; 
    text-decoration: none; } 

a:hover { 
    color: #A10909; 
    text-decoration: underline; } 

a img { 
    border: none; } 

.hidden{ 
    display: none; } 

#page { 
    padding: 0; 
    width: 100%; 
    border-radius: 0px;
    text-align: left; 
    background-color : #000000 ; 
    margin-top: 0px; 
    margin-bottom: 0px; } 

#header { 
    padding: 0px; 
    margin: 0px;   
    height: 120px; 
    width: 100%; 
    background-color: #E5EFF7; 
    background-image: url(http://moe.mabul.org/up/moe/2010/05/29/img-143515wrlyi.png), url(http://moe.mabul.org/up/moe/2010/05/27/img-170720afgaw.jpg);
    background-position: 50% 20%, center center;
    background-repeat: no-repeat, repeat; } 

#header h1{ 
    text-align: center; 
    width: 100%; 
    padding: 0; 
    margin: 0 auto; 
    font-size: 30px; 
    color: #000000; } 

#header h2 { 
    display: block; 
    position: absolute; 
    top: 110px; 
    padding: 0; 
    margin: 0 auto; 
    font-size: 12px; 
    text-align: center; 
    color: #000000; 
    width: 95%; 
    height:30p x; 
    overflow: hidden; } 

.body1 { 
    border-bottom: 2px #000000 solid; 
    background-color: #666600; 
    padding: 0px; } 

.news { 
    border-radius: 10px;   
    border: 1px #000000 solid; 
    width: 96%; } 

.titrenews { 
    background-color: none; 
    text-align: center; 
    font-weight: bold; 
    font-size: 12px; 
    color: #000000; 
    height: 27px; 
    background-repeat: repeat-y;
    background-position: right; 
    border-bottom: 1px #000000 solid; } 

.corpsnews { 
    background-color: none; 
    text-align: justify; 
    color: #000000; 
    background-image: url(http://moe.mabul.org/up/moe/2010/05/27/img-174409p9kfi.png); 
    padding: 2px; 
    background-position: right; } 

.piednews { 
    background-color: none; 
    color: #000000;
    height: 20px; 
    padding: 4px; 
    vertical-align: bottom; 
    border-top: 1px #000000 solid; } 

.imagenews { 
    max-width: 120px; 
    max-height: 120px; 
    float: left; 
    padding: 4px; 
    border: 3 px #000000 groove }
 
#menugauche { 
    width: 124px; 
    height: 100%; 
    font-size: 11px; 
    font-family: verdana, arial, Helvetica, sans-serif; 
    vertical-align: top; 
    background-color: none; 
    border-right: 2px #000000 solid; 
    padding-left: 2px; 
    background-image: url(http://moe.mabul.org/up/moe/2010/05/27/img-171941lg159.jpg);} 

#menugauche .titre { 
    background-image: url(http://moe.mabul.org/up/moe/2010/05/27/img-174409p9kfi.png); 
    padding: 4px; 
    display: block; 
    color: #A10909; 
    background-color: none; 
    font-weight: bold; 
    text-align: center; 
    font-size: 11px; } 

#menudroite { 
    width: 124px; 
    height: 100%; 
    font-size: 11px ; 
    font-family: verdana, arial, Helvetica, sans-serif; 
    background-color: #FFFFFF; 
    border-left: 2px #D4E9F7 solid; 
    vertical-align: top; 
    padding-left: 2px; 
    background-image: url(http://support.utiliweb.fr/sand/glace/menu2.png); } 

#menudroite .titre { 
    background-image: url(http://support.utiliweb.fr/sand/glace/menut2.png); 
    padding: 4px; 
    display: block; 
    color: #7eb9d2; 
    background-color: #E5EFF7; 
    font-weight: bold; 
    font-size: 11px; 
    text-align: center; } 

#main { 
    background-color: #666600;
    background-image: url(http://moe.mabul.org/up/moe/2010/05/27/img-171941lg159.jpg);  
    text-align: left; 
    vertical-align: top; 
    padding-top: 5px; 
    padding-bottom: 5px; 
    padding-left: 2px; 
    padding-right: 2px; 
    height: 100%; } 

#footer { 
    padding: 0; 
    margin: 0 auto; 
    color: #000000; 
    background-color: #FFFFFF; 
    text-align: center; 
    background-image: url(http://support.utiliweb.fr/sand/glace/footer.png); 
    background-position: bottom; 
    background-repeat: repeat-x; } 

#footer p { 
    margin: 0; 
    padding: 10px 0; 
    text-align: center; } 

.button{ 
    font-size: 12px; 
    text-align: center; } 

.tbox.chatbox { 
    width: 60%; 
    margin-left: auto; 
    margin-right: auto; } 

.spacer { 
    padding: 0px 0 0px 0; } 

.indent{ 
    padding: 4px; 
    border: 1px solid #D4E9F7; 
    background-image: url(http://moe.mabul.org/up/moe/2010/05/27/img-171941lg159.jpg);
    background-color: none; } 

.spoiler{ 
    background-image: url(http://moe.mabul.org/up/moe/2010/05/27/img-171941lg159.jpg);
    background-color: none;
    color : #000000; 
    padding : 4px; 
    border: 1px #D4E9F7 solid; } 

.spoiler input{
    color: #000000; } 

.mediumtext { 
    font-size: 12px; 
    font-family: verdana ,arial, Helvetica, sans-serif; } 

.tbox{ 
    background-color: #ffffff; 
    border: #D4E9F7 1px solid; 
    color: #000000; 
    font-size: 12px; 
    font-family: verdana, arial, Helvetica, sans-serif; } 

.helpbox { 
    border: 0px; 
    background-color: transparent; 
    color: #000000; 
    font-size: 10px; 
    font-family: verdana,arial, Helvetica, sans-serif; } 

.fborder { 
    border: #D4E9F7 1px solid; 
    width: 99% !important; } 

.forumheader{ 
    background-color: #C7DBEE; 
    font-size: 12px; 
    font-family: verdana, arial, Helvetica, sans-serif; 
    color: #000000; 
    font-weight: bold; 
    padding: 2px; 
    border: 1px solid #D4E9F7; } 

.forumheader A { 
    font-size: 12px; 
    color: #000000; 
    font-weight: bold; }  

.blocforum { 
    border: 1px #D4E9F7 solid; } 

.fcaption { 
    border-top: 1px #D4E9F7 solid; 
    border-bottom: 1px  #D4E9F7 solid; 
    background-color: #E5EFF7; 
    font-size: 12px; 
    font-family: verdana, arial, Helvetica, sans-serif; 
    color: #000000; 
    font-weight: bold; 
    padding: 2px; 
    text-align: center; } 

.fcaption a{ 
    padding-right: 4px; 
    color: #000000; } 

.forumcolonne1 { 
    background-image: url(http://moe.mabul.org/up/moe/2010/05/27/img-171941lg159.jpg);
    background-color: none;
    border: 1px #D4E9F7 solid; }
 
.forumcolonne2 { 
    background-color: #FFFFFF; 
    border: 1px #D4E9F7 solid; 
    text-align: left; 
    padding: 2px; } 

.forumcolonne3 { 
    background-image: url(http://moe.mabul.org/up/moe/2010/05/27/img-171941lg159.jpg);
    background-color: none;
    border: 1px #D4E9F7 solid; 
    padding: 2px; } 

.forumcolonne4 { 
    background-image: url(http://moe.mabul.org/up/moe/2010/05/27/img-171941lg159.jpg);
    background-color: none;
    border: 1px #D4E9F7 solid; } 

.forumcolonne5 { 
    background-image: url(http://moe.mabul.org/up/moe/2010/05/27/img-171941lg159.jpg);
    background-color: none;
    border: 1px #D4E9F7 solid; } 

.forumcolonne6 { 
    background-color: #FFFFFF; 
    border: 1px #D4E9F7 solid;} 

.foruminfo { 
    background-color: #C7DBEE; 
    border: 1px #D4E9F7 solid; 
    padding-top: 1px; 
    padding-bottom: 1px; } 

.casetype1 { 
    background-image: url(http://moe.mabul.org/up/moe/2010/05/27/img-171941lg159.jpg);
    background-color: none;
    border: 1px #D4E9F7 solid; 
    padding: 2px; } 

.casetype2 { 
    border: 1px #D4E9F7 solid; 
    background-color: #FFFFFF; 
    padding: 2px; } 

.casetype3 { 
    background-color: #C7DBEE; 
    font-size: 12px; 
    padding: 2px; 
    border: 1px solid #D4E9F7; } 

.commentaire { 
    border-bottom: #D4E9F7 1px solid; 
    width: 85%; } 

/* END NAVIGATION */ 
/* Affichage d un sujet du forum */ 
#colonneavatar { 
    width: 126px; 
    background-image: url(http://moe.mabul.org/up/moe/2010/05/27/img-171941lg159.jpg);
    background-color: none;
    background-repeat: no-repeat; 
    text-align: center; 
    border-top: 1px #D4E9F7 solid; 
    border-left: 1px #D4E9F7 solid; 
    padding: 2px; 
    vertical-align: top; } 

#corpsforum {  
    text-align: left;  
    background-color: #FFFFFF; 
    color: #000000; 
    border-left: 1px #D4E9F7 solid; 
    border-right: 1px #D4E9F7 solid; 
    border-top: 1px #D4E9F7 solid; 
    vertical-align: top; } 

#menumessage { 
    background-image: url(http://moe.mabul.org/up/moe/2010/05/27/img-171941lg159.jpg);
    background-color: none;
    border-bottom: 1px #D4E9F7 solid; 
    height: 24px; 
    padding: 2px; } 

#corpsmessage { 
    background: #FFFFFF; 
    padding: 4px; } 

#signature {  
    border-top: 1px #D4E9F7 dashed; 
    vertical-align: bottom; 
    padding: 4px; 
    background-color: #FFFFFF; } 

#reponserapide { 
    background-image: url(http://moe.mabul.org/up/moe/2010/05/27/img-171941lg159.jpg);
    background-color: none;
    border: 1px #D4E9F7 solid; } 

.legende { 
    text-align: center; 
    width: 100%; 
    border: 1px #D4E9F7 solid; 
    background-image: url(http://moe.mabul.org/up/moe/2010/05/27/img-171941lg159.jpg);
    background-color: none;
    padding: 2px; 
    margin-top: 5px; } 

.caselegende { 
    text-align: center; } 

.titre { 
    font-size: 14px; 
    text-align: center; } 

.smalltext { 
    font-size: 11px; 
    color: #000000; } 

.smallblacktext { 
    font-size: 11px; 
    color: #000000; } 

hr {
    display: none } 

#main .titre { 
    font-size: 18px;  
    font-weight: bold; 
    color: #000000; } 

.cpage_title { 
    text-align: center; 
    font-weight: bold; } 

.tableaubb { 
    border: 1px #D4E9F7 solid; }
Maintenant je trouve qu'il y'a quelques erreurs dans ton CSS.... Enfin si Jiix peut regarder car je n'ai pas l'oeuil d'expert mais j'ai l'impression qu'il en contient

Modérateur du forum support
---------------------------------------
Facebook de votre plateforme UtiliWeb :
Blackdwarf
Messages: 14
Merci beaucoup !
Et oui, il est surement un peu bugé, mais il est pas encore du tout fini.
Julien.
Messages: 222
Site internet
Ok, bien bon courage

Sinon un conseil, tu vois la mis en place comme j'ai fais dans ton css, cela aide à mieux voir, distinguer chaque attribut. Enfin c'est ce que je fais, c'est plus propre et donc mieux pour travailler dessus

Modérateur du forum support
---------------------------------------
Facebook de votre plateforme UtiliWeb :
Blackdwarf
Messages: 14
Re,
je reviens avec 2 problèmes : 

Je n'arrive pas à faire que mes news ne fassent pas toute la largeur du site.
Et j'ai du mal à comprendre comment faire pour que les coins de mes news soient arrondis.

merci d'avance pour votre aide !
Alexis

Messages: 1136
Site internet
Il y'a une erreur au niveau de la classe body1 dans ton CSS.
Tu as mis une instruction après la fermeture de l'accolade, et cela provoquaitdes bugs d'interprétation de ton CSS.


Voici cette partie de ton CSS corrigée pour faire ce que tu voulais : 

.body1 {  
    border-bottom: 0px #000000 solid;  
    background-color: #666600;  
    padding: 0px; }  


.news {  
    width: 90%;
    }  

.titrenews {  
    background-color: none;  
    text-align: center;  
    font-weight: bold;  
    font-size: 12px;  
    color: #000000;  
    height: 27px;  
    background-repeat: repeat-y; 
    background-position: right;  
    }  

.corpsnews {  
    background-color: none;  
    text-align: justify;  
    color: #000000;  
    background-image: url(http://moe.mabul.org/up/moe/2010/05/27/img-174409p9kfi.png);  
    padding: 5px;  
    background-position: right;
    border-radius: 20px;
    -moz-border-radius: 20px;
    }

.piednews {  
    background-color: none;  
    color: #000000; 
    height: 20px;  
    padding: 4px;  
    vertical-align: middle;  
    border-top: 0px #000000 solid; }  

image
image
image
Vous aimez les services offerts par UtiliWeb ? 
Signez le livre d'or !
Vous voulez être au courant de nos actualités ?
Suivez nous !
Vous voulez faire un geste pour nous aider ? 
Faites un don !

Blackdwarf
Messages: 14
ok, encore merci !
 

Aller à:     Haut de page