Souci bannière collée, catégories hors du cadre

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

Résolu Souci bannière collée, catégories hors du cadre

Message par Bloody Gwendy le Jeu 11 Juil 2013 - 16:14

Bonjour à tous !

Alors je vous expose mon souci. J'ai pris un thème sur hitskin ou une partie du codage est déjà fait en partie ( je mettrai les crédits codage lorsque je lancerai le forum bien sûr). Sauf que j'ai un souci. Lorsque j'arrive à coller la bannière aux bords, les catégories "sortent du cadre", quand je change les valeurs pour avoir les catégories dans le cadre, la bannière se décolle des bords... Il me faudrait la bannière collée + les catégories collées qui ne dépassent pas... Il y a certains codes que je ne comprend pas trop, et malgré mes efforts, je ne m'en sors pas pour arriver à ce que je souhaite, et après recherche, je ne toruve pas de sujet correspondant donnant une solution...

Voici le CSS :
Code:
body
{
  background: #595959;
}

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

.bodylinewidth
{
  width: 700px;
  margin-left:auto;
  margin-right: auto;
  margin-top: -9px;
  margin-bottom: -9px;
}

.bodyline
{
  width: 700px;
  margin:0 auto;
  padding: 0;
  background: #c0c0c0;
  border-left: 5px solid #4c4842;
  border-right: 5px solid #4c4842;
  box-shadow: 0px 0px 10px #000000;
  -moz-box-shadow: 0px 0px 10px #000000;
  -o-box-shadow: 0px 0px 10px #000000;
  -htm-box-shadow: 0px 0px 10px #000000;
  -webkit-box-shadow: 0px 0px 10px #000000;
}

#navigation
{
  position: fixed;
  z-index: 999;
  height: 30px;
  width: 100%;
  margin-left: -8px;
}
#navig
{
  width: 670px;
  margin: auto;
  text-align: center;
  background: #4c4842;
  border-bottom: 2px solid #939393;
  padding-bottom: 3px;
}
#navig a
{
  font-weight: bold;
  color: #b9b9b9 !important;
  text-shadow: 1px 1px 0px #000000;
}
#navig a:hover
{
  color: #efefef !important;
}

#i_logo
{
  margin-top: 0px;
  margin-right:0px;
  margin-left:0px;
}

#page-body
{
  width: 700px;
  margin: auto;
}
.forumline
{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  background: #e9e9e6;
  border: 1px solid #ffffff;
  box-shadow: 0px 0px 5px #595959;
  -moz-box-shadow: 0px 0px 5px #595959;
  -o-box-shadow: 0px 0px 5px #595959;
  -htm-box-shadow: 0px 0px 5px #595959;
  -webkit-box-shadow: 0px 0px 5px #595959;
}
table
{
  width: 100%;
  margin: auto;
}

a.nav img
{
  width: 200px;
}

.cate_titre
{
  width: 98%;
  margin: auto;
}
.categorie
{
  width: 98%;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  background: #e9e9e6;
  border-top: 3px solid #4c4842;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  box-shadow: 0px 0px 5px #595959;
  -moz-box-shadow: 0px 0px 5px #595959;
  -o-box-shadow: 0px 0px 5px #595959;
  -htm-box-shadow: 0px 0px 5px #595959;
  -webkit-box-shadow: 0px 0px 5px #595959;
}
.forum
{
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  background: #f3f3f3;
  border: 1px dotted #c0c0c0;
  padding: 2px;
}
.forumlink
{
  display: block;
  width: 400px;
  font-variant: small-caps;
  letter-spacing: 2px;
  padding-left: 20px;
  text-shadow: 1px 1px 0px #ffffff;
}
.forumlink a
{
  font-size: 16px;
  border-bottom: 2px dotted #c0c0c0;
}
.description
{
  display: block;
  width: 350px;
  margin: auto;
  font-size: 11px;
  text-align: justify;
  color: #a6a6a6;
}
.illu
{
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
  border: 1px solid #c0c0c0;
  background: #e9e9e6;
  padding: 5px;
}

.stats_last
{
  display: block;
  width: 100px;
  margin: auto;
  background: #e9e9e6;
  padding: 10px;
  border: 1px dotted #c0c0c0;
}
.stats
{
  display: block;
  text-align: center;
  font-size: 10px;
  color: #a6a6a6;
  border-bottom: 1px solid #cacaca;
  padding-bottom: 4px;
  margin-bottom: 4px;
}
.last
{
  display: block;
  text-align: center;
  font-size: 11px;
}
.sous_forum
{
  display: block;
  width: 98%;
  margin: auto;
  background: #e9e9e6;
  padding: 2px;
  text-align: center;
}





.profil
{
  width: 210px;
  margin: auto;
  padding: 2px;
  background: #f3f3f3;
  border: 1px dotted #c0c0c0;
  text-align: center;
}
.name
{
  font-size: 14px;
  font-variant: small-caps;
}
.profil_avatar
{
  border: 1px solid #c0c0c0;
  background: #e9e9e6;
  padding: 4px;
}

.message_contenu
{
  text-align: justify;
  font-size: 11px;
  background: #f3f3f3;
  border: 1px dotted #c0c0c0;
  padding: 10px;
}







.groupe1, .groupe2, .groupe3, .groupe4, .groupe5
{
  display: block;
  font-weight: bold;
  text-transform: small-caps;
  margin-top: 5px;
  text-align: center;font-size: 14px;
}
.groupe1
{
  color: #dd5549 !important;
}
.groupe2
{
  color: #5176b4 !important;
}
.groupe3
{
  color: #d19656 !important;
}
.groupe4
{
  color: #579c5a !important;
}
.groupe5
{
  color: #545454 !important;
}
.groupe_contenu
{
  display: none;
}
.qeel_infos
{
  width: 98%;
  margin-top: 5px;
  margin-bottom: 5px;
  background: #f3f3f3;
  border: 1px dotted #c0c0c0;
  padding: 4px;
  font-size: 10px;
  text-align: justify;
}
.groupe1:hover .groupe_contenu, .groupe2:hover .groupe_contenu, .groupe3:hover .groupe_contenu, .groupe4:hover .groupe_contenu, .groupe5:hover .groupe_contenu
{
  display: block;
  position: absolute;
  margin-left: 50px;
  width: 250px;
  background: #e9e9e6;
  padding: 4px;
  border: 1px dotted #c0c0c0;
  color: #989898;
  font-size: 10px;
  font-weight: normal;
}


.row3Right
{
border: none !important;
}
.thHead
{
border: none !important;
}
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight
{
border: none! important;
}
.catHead
{
border: none !important;
}
.catBottom
{
border: none !important;
}







.fond{
background: white;
background-image: url('http://i15.servimg.com/u/f15/11/95/30/70/fond_110.png');
background-repeat: repeat;
color: #;
padding: 3px;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border: 2px dashed #018fa0;
}

Le forum est celui de mon profil (actuellement, bannière collée mais catégories qui dépassent...)

Merci d'avance pour votre aide.


Dernière édition par Bloody Gwendy le Jeu 11 Juil 2013 - 23:01, édité 1 fois

Bloody Gwendy
Nouveau membre

Messages : 6
Inscrit(e) le : 11/07/2013

http://zombisle.forumactif.fr/
Bloody Gwendy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Souci bannière collée, catégories hors du cadre

Message par Anzu le Jeu 11 Juil 2013 - 22:17

Bonsoir,

En retirant ceci:

Code:
 #page-body
        {
          width: 700px;
          margin: auto;
        }

est-ce que cela règle le problème ?

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: Souci bannière collée, catégories hors du cadre

Message par Bloody Gwendy le Jeu 11 Juil 2013 - 22:29

Merci de prendre le temps de m'aider.

Cela provoque le second problème ( bannière non collée mais catégories en place ). J'ai laissé sans le code en question pour que vous puissiez voir.

Bloody Gwendy
Nouveau membre

Messages : 6
Inscrit(e) le : 11/07/2013

http://zombisle.forumactif.fr/
Bloody Gwendy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Souci bannière collée, catégories hors du cadre

Message par Anzu le Jeu 11 Juil 2013 - 22:48

Pour la bannière collée au forum, vous avez déjà mis le padding de 0px. Et sur le forum de ce sujet: http://forum.forumactif.com/t353869-coller-la-banniere-aux-bords-du-forum
cela fonctionne très bien.

Le forum a une largeur "minimale", la seule solution serait d'avoir une bannière d'une largeur de 750px, je ne vois que ça Smile 

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: Souci bannière collée, catégories hors du cadre

Message par Bloody Gwendy le Jeu 11 Juil 2013 - 23:01

Effectivement ainsi ca fonctionne, il est vrai que je ne me doutais pas que cela pouvait venir d'une largeur de bannière trop petite. Au moins maintenant je le sais. Il va falloir que je refasse ma bannière du fait...

Enfin bref, souci résolu, merci beaucoup pour l'aide Anzu !

Bloody Gwendy
Nouveau membre

Messages : 6
Inscrit(e) le : 11/07/2013

http://zombisle.forumactif.fr/
Bloody Gwendy 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