Supprimer un espace entre le forum et le bas de page

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Supprimer un espace entre le forum et le bas de page

Message par Yomidopidop le Mar 26 Oct 2010 - 23:43

Bonsoir !

Je rencontre un problème sur mon forum. J'essaye de supprimer l'espace indiqué sur ma capture d'écran mais rien n'y fait.



Voilà mon code CSS :

Code:

/* bordure du forum */
.bodyline{
    border-right: 25px #B0AF73 solid;
        border-top: 0px #D49446 solid;
        border-bottom:0px #D49446 solid;
    border-left: 25px #B0AF73 solid;   }
.postdetails.poster-profile textarea { width: 200px;}
.postbody {
   display:block;
   padding-left:20px;
   padding-right:20px;
   text-align:justify;
}

tr.post span.gensmall { display: none; }
a:link,a:active,a:visited {
text-decoration: none;
}
tr.post span.gensmall { display: none; }

body{margin-top: -1px;}

body{margin-bottom: -1px;}

body { background-attachment: fixed;
background-repeat: no-repeat; background-position: top
center;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover{text-decoration: none !important;}

            /*CATEGORIE*/
  /*CATEGORIE*/
a.forumlink{
border-bottom:3px dotted;
display:block;
font-family:courier new;
font-size:17px;
font-weight:normal;
letter-spacing: -2px;
text-transform:uppercase;
}


a.forumlink:hover {
border-bottom:3px dotted;
display:block;
font-family:courier new;
font-size:17px;
font-weight:normal;
letter-spacing: -2px;
text-transform:uppercase;
}

/* QEEL */
.background{
background-repeat: no-repeat;
}

.partgroup{
padding-top:10px;
text-align:center;
}

.groupes{
background-color:#;
height:30px;
font-family:arial;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:5px;
font-weight: bold;
text-align:center;
text-decoration: none !important;
text-shadow:1px 1px 1px #2B343C;}

.cadredroit{
-moz-border-radius:10px;
}
.cadregauche{
-moz-border-radius:5px;
border-right: 1px dotted black;
}
body{margin-top: -1px;}

body{margin-bottom: -1px;}

a.mainmenu
{
font-family : courier new;
text-transform: uppercase;
font-size: 17px;
font-weight: bold;
}




.bordurevava{border: 5px solid white;
-moz-border-radius: 0px 15px 0px 15px;
text-align: center;
background-image:url(http://i41.tinypic.com/bdoz60.jpg);
width: 200px;
height: 320px;}

.bordurevava:hover{border: 5px solid #FB910E;
-moz-border-radius: 0px 15px 0px 15px;
text-align: center;
background-image:url(http://i41.tinypic.com/bdoz60.jpg);
width: 200px;
height: 320px;}

I{border-bottom:none; color:#C4BE4B;text-decoration: none
}


table.bodylinewidth{position: relative;
top: -10px;}


table.bodylinewidth{
bottom: -20px;}

a img{
opacity: 1;
}

a img:hover {
opacity: 1.1;
}

.opacity img {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}

.opacity img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}


input,textarea, select {
  color : #42413A;
  font: normal 11px Verdana,Arial,Helvetica,sans-serif;
    border: #E37966;
    border-left-style: solid;
    border-left-width: 2.5px;
    border-right-style: solid;
    border-right-width: 2.5px;
    background-color: #F2F0F3;
-moz-border-radius: 10px 10px 10px 10px;
padding-left: 3px;
  }


input,textarea, select {
border: 1px dotted #E37966
}

u {
    text-decoration: none !important;
    }

.forumlink{
margin-left: 10px;
}



input,textarea, select {-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:20px;
border: 1px dotted #ffffff;}

.spoiler{
color: #D9D2CE;
font-family : tahoma;
}

.code{
color: #D9D2CE;
font-family : tahoma;
}

.quote{
color: #D9D2CE;
font-family : tahoma;
}

.pix
{border: none;opacity: 0.7;
background-color: transp;
padding:2px;
margin-top:2px;
margin-left:2px;
margin-right:2px;
border: 2px solid #DBD8BA;
-moz-border-radius: 5px;
}

.pix:hover
{border: none;opacity: 1;
background-color: transp;
padding:2px;
margin-top:2px;
margin-left:2px;
margin-right:2px;
border: 2px solid #C4BE4B;
-moz-border-radius: 5px;
}
.forumline{
background-color: #CFC1B8;
padding-left: 6px;
padding-right: 6px;
}

Merci d'avance à tous ceux qui pourront m'aider !

Yomidopidop
**

Messages : 63
Inscrit(e) le : 01/09/2009

http://mutantx-world.forumactif.com
Yomidopidop a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer un espace entre le forum et le bas de page

Message par Yomidopidop le Jeu 28 Oct 2010 - 0:14

up (:

Yomidopidop
**

Messages : 63
Inscrit(e) le : 01/09/2009

http://mutantx-world.forumactif.com
Yomidopidop a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer un espace entre le forum et le bas de page

Message par Yomidopidop le Ven 29 Oct 2010 - 15:49

up ...

Yomidopidop
**

Messages : 63
Inscrit(e) le : 01/09/2009

http://mutantx-world.forumactif.com
Yomidopidop a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer un espace entre le forum et le bas de page

Message par Yomidopidop le Sam 30 Oct 2010 - 12:15

up

Yomidopidop
**

Messages : 63
Inscrit(e) le : 01/09/2009

http://mutantx-world.forumactif.com
Yomidopidop a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer un espace entre le forum et le bas de page

Message par Tiktak le Sam 30 Oct 2010 - 13:04



    • Cela m'intéresse aussi ^^ Et si ce code marche aussi pour enlever la marge en haut je suis partante Smile


Tiktak
*

Féminin
Messages : 34
Inscrit(e) le : 28/10/2010

Tiktak a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer un espace entre le forum et le bas de page

Message par Fuox le Sam 30 Oct 2010 - 15:56

Bonjour,
Je serai également intéressé.
Pour la marge du haut, celle entre le logo et le haut de la page, il existe un code :
Code:
#i_logo {
margin-top:-30px;
}

Fuox
****

Masculin
Messages : 270
Inscrit(e) le : 02/09/2009

http://couloirsdepoudlard.forumactif.com
Fuox a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer un espace entre le forum et le bas de page

Message par Anzu le Sam 30 Oct 2010 - 16:17

Bonjour,

Essayez ceci, je ne promets rien =>
Dans la CSS:

Code:
.bodyline {
margin-bottom: 0px
}

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer un espace entre le forum et le bas de page

Message par Fuox le Sam 30 Oct 2010 - 16:22

Merci d'avoir répondu, mais ça ne marche pas, même en ajoutant un point-virgule après "0px". reflexion

Fuox
****

Masculin
Messages : 270
Inscrit(e) le : 02/09/2009

http://couloirsdepoudlard.forumactif.com
Fuox a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer un espace entre le forum et le bas de page

Message par Anzu le Sam 30 Oct 2010 - 16:29


Ha effectivement j'avais zappé le ";" > <

Ca a bougé un peu quand même ou pas du tout ?

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer un espace entre le forum et le bas de page

Message par Fuox le Sam 30 Oct 2010 - 16:31

Non, pas du tout, même en modifiant la valeur du margin-bottom...

Fuox
****

Masculin
Messages : 270
Inscrit(e) le : 02/09/2009

http://couloirsdepoudlard.forumactif.com
Fuox a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer un espace entre le forum et le bas de page

Message par Anzu le Sam 30 Oct 2010 - 16:43


Rajoutez ceci au cas où:

Code:
!important

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer un espace entre le forum et le bas de page

Message par Fuox le Sam 30 Oct 2010 - 16:46

Ça ne donne rien non plus :S

Fuox
****

Masculin
Messages : 270
Inscrit(e) le : 02/09/2009

http://couloirsdepoudlard.forumactif.com
Fuox a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Supprimer un espace entre le forum et le bas de page

Message par Kiirii le Sam 30 Oct 2010 - 19:14

Bonsoir,

Essayez d'ajouter ceci à la balise l'attribut BODY
Code:
body{
margin-bottom: 0;
}

Kiirii
****

Féminin
Messages : 293
Inscrit(e) le : 13/12/2009

http://forum.forumactif.com/
Kiirii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer un espace entre le forum et le bas de page

Message par Fuox le Sam 30 Oct 2010 - 21:11

Ça marche, merci beaucoup à vous, Anzu et Kiirii, d'avoir répondu ! Very Happy

Fuox
****

Masculin
Messages : 270
Inscrit(e) le : 02/09/2009

http://couloirsdepoudlard.forumactif.com
Fuox a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer un espace entre le forum et le bas de page

Message par Kiirii le Dim 31 Oct 2010 - 1:26

De rien :3.

N'oubliez pas d':editer: votre message et de mettre résolu

Kiirii
****

Féminin
Messages : 293
Inscrit(e) le : 13/12/2009

http://forum.forumactif.com/
Kiirii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer un espace entre le forum et le bas de page

Message par JeVeuxSavoir le Dim 31 Oct 2010 - 1:54

Bonjour,

Ce post m'éviteras de faire une autre topic,
J'ai fais comme l'a dis Kiirii et pourtant ça n'a pas marché Sad
Quelqu'un peut m'aider ? Embarassed
Mon CSS:
Code:
body
{
background-color: #e8f0f4;
background-image: url();
background-position: top center;
background-repeat: repeat-x;
background-attachment:fixed;
margin-bottom: 0;
}

a
{
outline: none;
}

a:link
{
text-decoration: none !important;
}

a:hover
{
text-decoration: underline overline !important;
}

.bodylinewidth
{
width: 900px;
}

#i_logo
{
margin-top: -18px;
}

.mainmenu
{
padding-top: 4px;
padding-bottom: 10px;
padding-right: 4px;
}

a.mainmenu
{
background-color: #d3e4ec;
background-image: url(http://host.image.files.free.fr/host/4c4d23ff36ca3fond-mainmenu.jpg);
background-position: top;
background-repeat: repeat-x;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-radius: 6px 6px 0px 0px;
border-top: 1px solid #8dbcdd;
border-left: 1px solid #8dbcdd;
border-right: 1px solid #8dbcdd;
font-weight: bold;
color: #468bb1;
font-variant: small-caps;
font-size: 10px;
}

a.mainmenu:hover
{
text-decoration: none !important;
background-image: url(http://host.image.files.free.fr/host/4c4d245d9837ffond-mainmenu-hover.jpg);
color: #468bb1;
}

#page-body
{
background-color: #d3e4ec;
-moz-border-radius: 20px;
border-radius: 20px;
box-shadow: 2px 2px 2px #a1b6c5;
-moz-box-shadow: 2px 2px 2px #a1b6c5;
border: 1px solid #a1b6c5;
padding-top: 20px;
margin-top: 8px;
margin-bottom: 10px;
}

.forumline
{
max-width: 890px;
margin: auto;
background-image: url(http://host.image.files.free.fr/host/4c4d2752ed261fond-forumline.jpg);
background-position: top;
background-repeat: repeat-x;
background-color: #8dbcdd;
padding-left: 2px;
padding-right: 2px;
padding-bottom: 5px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-bottom: 10px;
}

table
{
max-width: 890px;
margin: auto;
}

.row1, .row2, .row3, .row3Right
{
-moz-border-radius: 5px;
border-radius: 5px;
padding4px;
border: none !important;
}

.thHead
{
border: none !important;
}

.thCornerL, .thCornerR, .thTop
{
border: none !important;
}

.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
border-top: 1px solid #73a2c3 !important;
}

.catLeft, .catRight
{
border: none! important;
}

th
{
color: #3C627D;
font-variant: small-caps;
letter-spacing: 1px;
text-shadow: 1px 1px 2px #4b6b81;
}

.catHead
{
border: none !important;
}

.catBottom
{
border: none !important;
}

.cattitle
{
margin-left: 20px;
font-variant: small-caps;
}

a.forumlink
{
letter-spacing: 2px;
font-variant: small-caps;
}

a.forumlink:hover
{
text-decoration: none !important;
}


.code
{
border: 2px inset #8dbcdd;
padding: 5px;
background-color: #d3e4ec;
color: #507c9b;
}

.quote
{
border-radius: 6px;
-moz-border-radius: 6px;
padding: 5px;
background-color: #d3e4ec;
-moz-box-shadow: 3px 3px 3px #7597af;
box-shadow: 3px 3px 3px #7597af;
color: #507c9b;
}

.spoiler_closed
{
background-color: #d3e4ec;
border-radius: 6px;
-moz-border-radius: 6px;
border: 2px solid #8dbcdd;
}

.spoiler_content
{
background-color: #d3e4ec;
border-radius: 6px;
-moz-border-radius: 6px;
border: 2px solid #8dbcdd;
color: #507c9b;
padding: 4px;
}

.postbody
{
text-align: justify;
padding: 3px;
font-size: 11px;
line-height: 16px;
}

#page-footer
{
width: 980px;
height: 120px;
margin-bottom: -18px;
}

#page-footer a
{
font-size: 10px;
text-decoration: none !important;
}

Une âme charitable ? Sad

JeVeuxSavoir
****

Masculin
Messages : 305
Inscrit(e) le : 30/09/2010

http://bistrotmafiosos.forumactif.com/
JeVeuxSavoir a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer un espace entre le forum et le bas de page

Message par Kiirii le Dim 31 Oct 2010 - 2:14

Bonsoir,
Normalement il vaut mieux créer un autre topic mais bon...

Dans votre css margin-bottom:0; n'apparaît pas, j'ai ceci moi:

Code:
body { background-attachment: fixed; background-repeat: no-repeat; background-position: top center;}
.linklist
{
display:none;
}
.postbody div a{color:lightblue;}
a {
text-shadow: Xpx Ypx Apx #CODE_COULEUR;
}
a:hover{
letter-spacing : 2px; }
a:hover {
font-variant: small-caps;
}
table.bodylinewidth
{
position: relative;
top: -9px;
}
.postprofile { text-align: center; }
.navbar ul{border-bottom:none;}
#search-box{height:1px;visibility:hidden;}
.search-box{visibility:hidden;}
.nav { text-align: center; }
.page-title{ text-align: center;text-decoration :underline; }
.postprofile a img{
background-color:#DCDCDC;
border: 3px solid #DCDCDC;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;}
#wrap {-moz-border-radius:8px;}
-webkit-border-radius:8 px;
-border-radius:8 px;
-khtml-border-radius:8 px;
#wrap {border:5px ;
}

Essayez d'ajouter ceci à l'attribut BODY:
Code:

body{
margin-bottom: 0;
padding-bottom: 0;
}
Validez

Kiirii
****

Féminin
Messages : 293
Inscrit(e) le : 13/12/2009

http://forum.forumactif.com/
Kiirii a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum