Cadre noir autour de l'index

2 participants

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

Résolu Cadre noir autour de l'index

Message par darkzai Mar 2 Oct 2012 - 9:54

Bonjour,
J'ai un peu bidouillé mon css et mes templates, mais du coup, je n'arrive pas à trouver le code pour retirer le cadre qui entoure mes titres de catégories dans l'index. En plus, je crois que ce n'est pas centré...
Voilà un petit aperçu de mon problème:

Spoiler:

je vous donne mon css (qui n'est pas forcément bien organisé, je m'en excuse):

Code:
/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
      margin: auto;
      padding: 10px;
      color: #000000;
      width: 80%;
      border: 3px solid #000000;
      -moz-border-radius: 14px;
      -webkit-border-radius: 14px;
      font-size: 12px;
}
 
/*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
.forum-stats {
      -moz-border-radius-topleft: 20px;
      -moz-border-radius-topright: 20px;
      -webkit-border-top-right-radius: 20px;
      -webkit-border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      border-top-left-radius: 20px;
      border-bottom: 0 none !important;
      border-left: 3px solid #000000;
      border-right: 3px solid #000000;
      border-top: 3px solid #000000;
      color: #000000;
      font-size: 11px;
      font-style: italic;
      height: 14px;
      left: 280px;
      padding: 3px;
      position: relative;
      text-align: center;
      width: 200px;
}
 
/*--- Cette partie correspond à l'affichage des sous-forums ---*/
.forum-sousforum {
      color: #000000;
      border: 3px solid #000000;
      border-top: 0px !important;
      -moz-border-radius-bottomleft: 14px;
      -moz-border-radius-bottomright: 14px;
      -webkit-border-bottom-right-radius: 14px;
      -webkit-border-bottom-left-radius: 14px;
      border-bottom-right-radius: 14px;
      border-bottom-left-radius: 14px;
      margin: auto;
      padding: 4px;
      color: #000000;
      width: 50%;
      text-align: center;
      height: 14px;
      font-size: 11px;
}

.arrondi {
     border-radius:10px;}

.statistiques{
border:0px;
background-image: url("http://i32.servimg.com/u/f32/17/62/21/90/sans_t13.png");
background-repeat: no-repeat;
background-position: center;
height:400(HAUTEUR DE VOTRE IMAGE)px;}

.groupes{
background-color:none ;border: 1px #COULEUR DU POINTILLÉ dotted;
-moz-border-radius : 10px 10px 10px 10px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}

.bodyline{
  width: 100px;
  background-color: #;
  border: 0px # solid;

}

#nav_barr {
position: fixed; /*--- Cette ligne permet de toujours afficher la barre ---*/
width:1000px; /*--- pour régler la largeur de la barre ---*/
background-color: ; /*--- On donne une couleur au fond ---*/
border:1px #Couleur solid;  /*--- On ajoute une bordure ---*/
margin-left:-500px; /* pour centrer:  largeur divisée par -2 */
left:50%;
-moz-border-radius:0px 0px 10px 10px; /* pour mozilla */
-webkit-border-radius: 0px 0px 10px 10px; /* pour chrome et safari */
border-radius:0px 0px 10px 10px; /* réglage des arrondis */
}

hr {
color: grey;
background: grey;
height: 1px;
border: none;
width: 99%;
}

.centrer{
    margin-left: auto;
    margin-right: auto;
}

/* *** categories *** */

.cat_forum {
-moz-border-radius: 0px;
border: 0px;
background-color: none;
margin: auto;
margin-bottom:30px;
}

/* *** liste *** */

.onglet {
display:block;
  height:30px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px auto auto;
margin-top:0px;
}

/* *** configuration de l'élément de liste *** */

.onglet li {
float:left;
width: 175px;
height: 30px;
line-height: 30px;
text-align: center;
vertical-align: middle;
list-style-type: none;
}

/* *** liens *** */

.onglet li a {
display:block;
text-decoration:none;
margin-left:5px;
color: #CC0000;
}


/* *** liens au survol *** */

.onglet li a:hover {
color:#FFFFFF;
}


/* *** onglet actif *** */

.onglet_actif {
background: url('http://i32.servimg.com/u/f32/17/62/21/90/back_t12.jpg') repeat-x;
width:175px;
height:30px;
cursor:pointer;
}

/* *** onglet non actif *** */

.onglet_nactif {
background:url('http://i32.servimg.com/u/f32/17/62/21/90/back_t11.jpg') repeat-x;
width:175px;
height:30px;
cursor:pointer;
}

Et mon template index_box (qui est pas mal modifié):
Code:
/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
      margin: auto;
      padding: 10px;
      color: #000000;
      width: 80%;
      border: 3px solid #000000;
      -moz-border-radius: 14px;
      -webkit-border-radius: 14px;
      font-size: 12px;
}
 
/*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
.forum-stats {
      -moz-border-radius-topleft: 20px;
      -moz-border-radius-topright: 20px;
      -webkit-border-top-right-radius: 20px;
      -webkit-border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      border-top-left-radius: 20px;
      border-bottom: 0 none !important;
      border-left: 3px solid #000000;
      border-right: 3px solid #000000;
      border-top: 3px solid #000000;
      color: #000000;
      font-size: 11px;
      font-style: italic;
      height: 14px;
      left: 280px;
      padding: 3px;
      position: relative;
      text-align: center;
      width: 200px;
}
 
/*--- Cette partie correspond à l'affichage des sous-forums ---*/
.forum-sousforum {
      color: #000000;
      border: 3px solid #000000;
      border-top: 0px !important;
      -moz-border-radius-bottomleft: 14px;
      -moz-border-radius-bottomright: 14px;
      -webkit-border-bottom-right-radius: 14px;
      -webkit-border-bottom-left-radius: 14px;
      border-bottom-right-radius: 14px;
      border-bottom-left-radius: 14px;
      margin: auto;
      padding: 4px;
      color: #000000;
      width: 50%;
      text-align: center;
      height: 14px;
      font-size: 11px;
}

.arrondi {
     border-radius:10px;}

.statistiques{
border:0px;
background-image: url("http://i32.servimg.com/u/f32/17/62/21/90/sans_t13.png");
background-repeat: no-repeat;
background-position: center;
height:400(HAUTEUR DE VOTRE IMAGE)px;}

.groupes{
background-color:none ;border: 1px #COULEUR DU POINTILLÉ dotted;
-moz-border-radius : 10px 10px 10px 10px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}

.bodyline{
  width: 100px;
  background-color: #;
  border: 0px # solid;

}

#nav_barr {
position: fixed; /*--- Cette ligne permet de toujours afficher la barre ---*/
width:1000px; /*--- pour régler la largeur de la barre ---*/
background-color: ; /*--- On donne une couleur au fond ---*/
border:1px #Couleur solid;  /*--- On ajoute une bordure ---*/
margin-left:-500px; /* pour centrer:  largeur divisée par -2 */
left:50%;
-moz-border-radius:0px 0px 10px 10px; /* pour mozilla */
-webkit-border-radius: 0px 0px 10px 10px; /* pour chrome et safari */
border-radius:0px 0px 10px 10px; /* réglage des arrondis */
}

hr {
color: grey;
background: grey;
height: 1px;
border: none;
width: 99%;
}

.centrer{
    margin-left: auto;
    margin-right: auto;
}

/* *** categories *** */

.cat_forum {
-moz-border-radius: 0px;
border: 0px;
background-color: none;
margin: auto;
margin-bottom:30px;
}

/* *** liste *** */

.onglet {
display:block;
  height:30px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px auto auto;
margin-top:0px;
}

/* *** configuration de l'élément de liste *** */

.onglet li {
float:left;
width: 175px;
height: 30px;
line-height: 30px;
text-align: center;
vertical-align: middle;
list-style-type: none;
}

/* *** liens *** */

.onglet li a {
display:block;
text-decoration:none;
margin-left:5px;
color: #CC0000;
}


/* *** liens au survol *** */

.onglet li a:hover {
color:#FFFFFF;
}


/* *** onglet actif *** */

.onglet_actif {
background: url('http://i32.servimg.com/u/f32/17/62/21/90/back_t12.jpg') repeat-x;
width:175px;
height:30px;
cursor:pointer;
}

/* *** onglet non actif *** */

.onglet_nactif {
background:url('http://i32.servimg.com/u/f32/17/62/21/90/back_t11.jpg') repeat-x;
width:175px;
height:30px;
cursor:pointer;
}

Voilà, si quelqu'un peut venir à mon secours! Juste pour enlever ce foutu cadre noir et recentrer T_T (désolé encore pour le foutoir de mon code)

Merci d'avance!


Dernière édition par darkzai le Mar 2 Oct 2012 - 10:28, édité 1 fois
avatar

darkzai
Nouveau membre

Messages : 5
Inscrit(e) le : 02/10/2012

http://hikarisekai.forumactif.org/
darkzai a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre noir autour de l'index

Message par Automne Mar 2 Oct 2012 - 10:14

Bonjour,

Dans le css à onglet, rajouter
Code:

.onglet {
    border: 0px;}
Automne

Automne
Membre actif

Messages : 8431
Inscrit(e) le : 22/03/2010

https://gilles570.motards.net/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre noir autour de l'index

Message par darkzai Mar 2 Oct 2012 - 10:20

En fait, si ca marche avec "!important"

Donc je te remercie pour le coup de main Automne!
avatar

darkzai
Nouveau membre

Messages : 5
Inscrit(e) le : 02/10/2012

http://hikarisekai.forumactif.org/
darkzai a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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