Souci bannière collée, catégories hors du cadre
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Souci bannière collée, catégories hors du cadre
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 :
Le forum est celui de mon profil (actuellement, bannière collée mais catégories qui dépassent...)
Merci d'avance pour votre aide.
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
Re: Souci bannière collée, catégories hors du cadre
Bonsoir,
En retirant ceci:
est-ce que cela règle le problème ?
Cordialement.
En retirant ceci:
- Code:
#page-body
{
width: 700px;
margin: auto;
}
est-ce que cela règle le problème ?
Cordialement.
Re: Souci bannière collée, catégories hors du cadre
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.
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.
Re: Souci bannière collée, catégories hors du cadre
Pour la bannière collée au forum, vous avez déjà mis le padding de 0px. Et sur le forum de ce sujet: https://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
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
Re: Souci bannière collée, catégories hors du cadre
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 !
Enfin bref, souci résolu, merci beaucoup pour l'aide Anzu !
Sujets similaires
» Cadre du forum hors de la bannière
» L'avatar sort hors du cadre.
» Avoir la barre de navigation collée à la bannière
» Image genre bordure verticale collée au cadre extérieur du forum
» Hors cadre après modification de codage
» L'avatar sort hors du cadre.
» Avoir la barre de navigation collée à la bannière
» Image genre bordure verticale collée au cadre extérieur du forum
» Hors cadre après modification de codage
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum