Bordures noires indésirables sur mon forum

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

Résolu Bordures noires indésirables sur mon forum

Message par Cinderella. le Dim 5 Fév 2012 - 16:33

Bonjour à tous,

Je rencontre un petit problème sur mon forum, je cogite dessus depuis plus de 30 minutes et je n'arrive à rien. J'ai ajouté des codes dans le CSS de mon forum pour ajouter des bordures à droite et à gauche de mon forum, mais ça ne fonctionne pas.

Mon code CSS :
Code:
.bodyline{

  -moz-border-radius:40px;
  -webkit-border-radius: 40px;
  -khtml-border-radius: 40px;
-moz-box-shadow: 0px 0px 7px #000000;
  background-color: #ebe5d9;
  border-left: 10px solid #822a27;
    border-right: 10px solid #822a27;
  }

Et le résultat sur mon forum : http://once-upon-a-time.1talk.net/
Tous les autres codes fonctionnent correctement mais pas les borders.

Merci de votre aide Angel


Dernière édition par Cinderella. le Lun 6 Fév 2012 - 9:14, édité 3 fois

Cinderella.
***

Féminin
Messages : 125
Inscrit(e) le : 13/03/2011

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

Résolu Re: Bordures noires indésirables sur mon forum

Message par SoraNoHime le Dim 5 Fév 2012 - 16:36

Bonjour

personnellement cela marche sur mon forum test http://macema.probb.fr/

Puis-je avor votre css complète pour vérifier ?

Cordialement

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bordures noires indésirables sur mon forum

Message par Cinderella. le Dim 5 Fév 2012 - 16:39

Oui bien sûr, voici notre feuille CSS :
Code:
.postbody {font-size:11px; padding-left:40px; padding:20px;text-align:justify;}

th {
background-image: url("http://illiweb.com/fa/empty.gif");
color: #FFA34F;
font-size: 11px;
font-weight: 700;
height: 0px;
padding: 0px 0px;}

        .nav img {
        display : none;
        }

.upimg {
background-image:url(http://files.getwebb.org/files/1a/fb/dc/969b85dd0581b78d976ad193775b42aba6/source.png);
width: 800px;
height: 150px;
z-index: 1;
}


/*- seconde image -*/
.secondarytitle {
position: absolute;
z-index: 2;
margin: 16px -30px 15px;
}



.body {margin: 0px;
padding: 0px;}
             

.bodyline{

  -moz-border-radius:40px;
  -webkit-border-radius: 40px;
  -khtml-border-radius: 40px;
-moz-box-shadow: 0px 0px 7px #000000;
  background-color: #ebe5d9;
  border-left: 10px solid #822a27;
    border-right: 10px solid #822a27;
  }


/*le profil*/
.cadreavatar {
background-color: white;
border : 5px solid white;
box-shadow: 1px 1px 12px #C0BFA4;}
             
.profile {
background-color: #F4F4D1;
border-top: 4px solid #E9D78F;
border-bottom: 4px solid #E9D78F;
-moz-border-radius-topleft: 90px;
-moz-border-radius-topright: 90px;
-moz-border-radius-bottomleft: 90px;
-moz-border-radius-bottomright: 90px;
padding:26px;margin:7px;}
             
.info_profil {
background-color: white;
border : 10px solid white;
line-height:0px;}

.name {font-family: 'Lobster 1.3';
font-size: 23px;
letter-spacing: 0px;}
/*le profil*/             
             

                /*boutons up/down*/
                .upbottom {
                position: fixed;
                bottom : 0px ;
                margin-left : 85% }
                /*boutons up/down*/

             
                /*bouton tv*/
                .tv {
                position: absolute;
                top : 8em ;
                margin-left :35% }
                /*bouton tv*/

       /*bouton tv*/
                .pap {
                position: absolute;
                top : 7em ;
                margin-left :67% }
                /*bouton tv*/

                /*cadre règles and co*/
             
                .cadre-fond-gauche {
                  text-align:center;
                  border-radius:30px 10px 30px 10px;
                  background-color:#E0D6CA;
                  padding:25px;
                  border: 2px #E7C4C4 solid;}
             
                .cadre-fond-droit {
                  text-align:center;
                  border-radius:10px 30px 10px 30px;
                  background-color:#E0D6CA;
                  padding:25px;
                  border: 2px #E7C4C4 solid;}
             
                .titre-cadre {
                  text-shadow:1px 1px #AAC073;
                  display:block;font-style:italic;
                  text-align:center;
                  font-family: times new roman;
                  text-transform:lowercase;
                  font-size:35px;
                  color:#ffffff;}
             
                .texte-cadre {
                  padding-left:15px;
                  padding-right:15px;
                  padding-top:-7px;
                  padding-bottom:7px;
                  text-align:justify;
                  font-family:calibri;
                  font-size:12px;
                  color:#BD8B7C;
                  text-shadow:1px 1px #ffffff;
                  overflow:auto;
                  height:180px;}
                /*cadre règles and co*/
             
             
                /*header de fond*/
                body {
                background-color: #bcbc35;
                background-image: url("http://files.getwebb.org/files/00/c4/40/06e31fc991b69d44ef6aab8f586e7bc50d/source.png");
                background-position: top center;
                background-repeat:no-repeat
                }
             
                /*arrondis zones de texte*/
             
                textarea, .textarea.post, input.post {
                -moz-border-radius:30px;
                -webkit-border-radius:30px;
        padding-left:5px;
        padding-top : 5px;
      }

                /*zones de texte*/
      .postbody {padding-top : 5px; padding-left:5px;text-align:justify;}
             
                /*arrondis zones de saisie identifiant*/
                input,textarea, select {
                -moz-border-radius: 20px;
                -webkit-border-radius: 20px;}
             
                /*soulignement des liens*/
             
                a {text-decoration: none;}
                a:link {text-decoration: none;}
                a:hover {text-decoration: none!important;}
                a.forumlink {text-decoration: none;}
                a.forumlink:hover {text-decoration: none!important;}
                a.topiclink {text-decoration: none; }
                a.topiclink:hover {text-decoration: none!important; }
             
                /*enlever dernières éditions*/
                tr.post span.gensmall { display: none; }
             
                /*enlever des traits noirs sujets*/
             
                        td.catLeft {
                          border-width:0 0 0 0px !important;
                        }
                   
                        td.catBottom {
                          border-width:0 0px 0px !important;
                        }
                   
                        td.catHead {
                          border-width:0px 0px 0 !important;
                        }
                   
                        td.catRight {
                        border-width:0 0 0 0px !important;
                        }
                   
                        td {
                        border-width:0 0 0 0px !important;
                        }
                   
                        th, td, p {
                        border-width:0 0 0 0px !important;
                        }
               

Cinderella.
***

Féminin
Messages : 125
Inscrit(e) le : 13/03/2011

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

Résolu Re: Bordures noires indésirables sur mon forum

Message par SoraNoHime le Dim 5 Fév 2012 - 16:45

Voici les coupables : td {
border-width:0 0 0 0px !important;
}


th, td, p {
border-width:0 0 0 0px !important;
}

le bodyline se trouvant dans un td, ces codes l'annule. A quoi vous sert-il ailleurs ? Si vous l'enlevez, cela vous modifi-t-il d'autres points ?

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bordures noires indésirables sur mon forum

Message par Cinderella. le Dim 5 Fév 2012 - 16:53

J'ai supprimé les codes en question et les bordures marchent parfaitement, je vous remercie Smile
J'aurais dû conserver certaines partie des codes css avec les "td" puisque des traits noirs sont de nouveau présents sur mon forum :
http://files.getwebb.org/files/98/40/c3/dc592b1663ab490de0678bfbf0683678c8/source.png

Cinderella.
***

Féminin
Messages : 125
Inscrit(e) le : 13/03/2011

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

Résolu Re: Bordures noires indésirables sur mon forum

Message par SoraNoHime le Dim 5 Fév 2012 - 17:02

ok dans ce cas nous allons tester ceci :

ajoutez dans votre css :

td catHead; td catBottom, td catLeft {
border-width:0 0 0 0px !important;
}

y a t-il un endoit ou j'ai oublié la bordure ?

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bordures noires indésirables sur mon forum

Message par Cinderella. le Dim 5 Fév 2012 - 17:06

Merci beaucoup pour votre aide, mais les bordures sont toujours là :/

Cinderella.
***

Féminin
Messages : 125
Inscrit(e) le : 13/03/2011

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

Résolu Re: Bordures noires indésirables sur mon forum

Message par SoraNoHime le Dim 5 Fév 2012 - 17:15

Puis avoir un lien vers une de ces bordures, accessible en invité ?

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bordures noires indésirables sur mon forum

Message par Cinderella. le Dim 5 Fév 2012 - 17:18

Bien évidemment Smile
http://once-upon-a-time.1talk.net/
Voici le lien du forum, il y a une bordure noire tout en bas au niveau du "qui est en ligne" et il y a également plusieurs sur cette page : http://once-upon-a-time.1talk.net/t1-votre-1er-sujet#4

Cinderella.
***

Féminin
Messages : 125
Inscrit(e) le : 13/03/2011

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

Résolu Re: Bordures noires indésirables sur mon forum

Message par SoraNoHime le Dim 5 Fév 2012 - 17:26

Code:
.catHead td, .catBottom td, .catLeft td {
border-width:0 0 0 0px !important;
}

j'ai inversé les tags Embarassed

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bordures noires indésirables sur mon forum

Message par Cinderella. le Dim 5 Fév 2012 - 17:29

Les bordures ne semblent pas bouger non plus avec ce code Snifff

Cinderella.
***

Féminin
Messages : 125
Inscrit(e) le : 13/03/2011

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

Résolu Re: Bordures noires indésirables sur mon forum

Message par SoraNoHime le Lun 6 Fév 2012 - 1:22

Faites un test sans les td alors

Code:
.catLeft, .catBottom, .catHead {
border-width:0 0 0 0px !important;
padding : 0px !important;
margin : 0px !important;
}

j'ai rajouter les padding et margin, car il se peut que ces traits noirs soit du en fait à ceux-ci.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bordures noires indésirables sur mon forum

Message par Cinderella. le Lun 6 Fév 2012 - 9:14

Ce code marche parfaitement, un grand merci pour votre aide Macema.
Problème résolu Smile

Cinderella.
***

Féminin
Messages : 125
Inscrit(e) le : 13/03/2011

Cinderella. 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