J'ai une barre trop large
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
J'ai une barre trop large
Bonjour à tous,
Intro préalable :
J'utilise forumactif depuis pas mal de temps et pense maitriser la gestion de forum via l'outil qui est à notre diposition plutôt bien. Je suis par contre complétement ignorant en ce qui concerne les langages html et css.
Mon problème :
Je suis l'heureux admin du forum suivant : http://lofficieux.forumactif.org/. Dont je suis en train de refaire la déco.
Le plus simple pour expliquer ce qui cloche s'est encore de le montrer :
Bug en plus grand
(ne faites pas attention aux zones noir, c'est du floutage maison..)
Comment ramener cette barre rebelle à une largeur plus adéquate ?
Mes configuration :
J'ai bâtis mon forum sur un thème existant (Hitskin.com), le Web Style Invision.
Ma structure de page est la suivante :
- largeur de page : 70 %
- Hauteur de la cellule image catégorie/forum : 55 px
- Largeur de la cellule image catégorie/forum : 65 px
Mais j'ai beau y toucher cela ne change rien. Je pense que la feuille de style CSS est en cause. Je vous la donne donc ci-dessous par conséquent.
Je crois avoir fait à peu près le tour.. Vous pouvez m'aider ?
Intro préalable :
J'utilise forumactif depuis pas mal de temps et pense maitriser la gestion de forum via l'outil qui est à notre diposition plutôt bien. Je suis par contre complétement ignorant en ce qui concerne les langages html et css.
Mon problème :
Je suis l'heureux admin du forum suivant : http://lofficieux.forumactif.org/. Dont je suis en train de refaire la déco.
Le plus simple pour expliquer ce qui cloche s'est encore de le montrer :
Bug en plus grand
(ne faites pas attention aux zones noir, c'est du floutage maison..)
Comment ramener cette barre rebelle à une largeur plus adéquate ?
Mes configuration :
J'ai bâtis mon forum sur un thème existant (Hitskin.com), le Web Style Invision.
Ma structure de page est la suivante :
- largeur de page : 70 %
- Hauteur de la cellule image catégorie/forum : 55 px
- Largeur de la cellule image catégorie/forum : 65 px
Mais j'ai beau y toucher cela ne change rien. Je pense que la feuille de style CSS est en cause. Je vous la donne donc ci-dessous par conséquent.
Je crois avoir fait à peu près le tour.. Vous pouvez m'aider ?
body
{ background-attachment: fixed;
background-repeat: no-repeat;
background-position: top center;
}
#pun-navlinks li a {
padding: 0px;
margin: 0px;
text-decoration: none;
}
.pun {
width: 850px;
margin: 0 auto;
padding: 0px;
}
#pun-intro {
margin: 0;
padding: 2em 0em 0em 0em;
border-bottom: 0px solid #;
background-color: #;
background-image: url('https://2img.net/i/fa/empty.gif');
text-align: center;
background-repeat: repeat-x;
}
#pun-head #pun-navlinks {
padding: 1em 0em 0.6em 0em;
background-color: #;
border-color: #;
}
.main .main-head, .main .main-foot {
padding: 0.7em 1.3em;
font-weight: normal;
color: #ffffff;
background-color: #000000;
}
#pun-visit {
border-color: #0050AB;
border-style: dotted;
border-width: 1px;
background-color: #;
background-image: url('https://i.servimg.com/u/f82/13/72/93/95/tf114.jpg');
background-repeat: repeat;
background-position: top left;
}
#pun-visit:hover{
border-color: #0050AB;
border-style: dotted;
border-width: 1px;
background-color: #;
background-image: url('https://i.servimg.com/u/f82/13/72/93/95/tf213.jpg');
background-repeat: repeat;
background-position: top left;
}
.main-box {
border-color: #0050AB;
border-style: dotted;
border-width: 1px;
background-color: #;
background-image: url('https://i.servimg.com/u/f82/13/72/93/95/tf213.jpg');
background-repeat: repeat;
background-position: top left;
}
.main-box:hover {
border-color: #0050AB;
border-style: dotted;
border-width: 1px;
background-color: #;
background-image: url('https://i.servimg.com/u/f82/13/72/93/95/tf114.jpg');
background-repeat: repeat;
background-position: top left;
}
#pun-announcement {
border-color: #0050AB;
border-style: dotted;
border-width: 1px;
background-color: #262626;
background-image: url('https://i.servimg.com/u/f82/13/72/93/95/tf114.jpg');
background-repeat: repeat;
background-position: top left;
}
#pun-announcement:hover {
border-color: #0050AB;
border-style: dotted;
border-width: 1px;
background-color: #262626;
background-image: url('https://i.servimg.com/u/f82/13/72/93/95/tf213.jpg');
background-repeat: repeat;
background-position: top left;
}
.pun table.table td {
padding: 0.6em 0 0.7em;
border-color: #0050AB;
border-width: 1px;
border-style: dotted none none dotted;
line-height: 130%;
background-image: url('https://i.servimg.com/u/f82/13/72/93/95/tf114.jpg');
background-repeat: repeat;
background-position: top left;
}
.pun table.table td:hover {
padding: 0.6em 0 0.7em;
border-color: #0050AB;
border-width: 1px;
border-style: dotted none none dotted;
line-height: 130%;
background-image: url('https://i.servimg.com/u/f82/13/72/93/95/tf213.jpg');
background-repeat: repeat;
background-position: top left;
}
#pun-about {
border-style: dotted;
border-width: 1px;
border-color: #0050AB;
text-align: right;
line-height: 150%;
padding: 0.6em 1em;
background-image: url('https://i.servimg.com/u/f82/13/72/93/95/tf114.jpg');
background-repeat: repeat;
background-position: top left;
}
#pun-about:hover {
border-style: dotted;
border-width: 1px;
border-color: #0050AB;
text-align: right;
line-height: 150%;
padding: 0.6em 1em;
background-image: url('https://i.servimg.com/u/f82/13/72/93/95/tf213.jpg');
background-repeat: repeat;
background-position: top left;
}
.pun .paged-head {
border: 1px dotted #0050AB;
background-color: #;
background-image : url('https://i.servimg.com/u/f82/13/72/93/95/tf213.jpg');
background-repeat: repeat;
margin: 0px;padding: 0px;
}
.pun .paged-head:hover {
border: 1px dotted #0050AB;
background-color: #;
background-image : url('https://i.servimg.com/u/f82/13/72/93/95/tf114.jpg');
background-repeat: repeat-;
margin: 0px;padding: 0px;
}
.pun .paged-foot {
border: 1px dotted #0050AB;
background-color: #;
background-image : url('https://i.servimg.com/u/f82/13/72/93/95/tf114.jpg');
background-repeat: repeat;
margin: 0px;padding: 0px;
}
.pun .paged-foot:hover {
border: 1px dotted #0050AB;
background-color: #;
background-image : url('https://i.servimg.com/u/f82/13/72/93/95/tf213.jpg');
background-repeat: repeat;
margin: 0px;padding: 0px;
}
#onlinelist {
border-top: 1px dotted #0050AB;
padding: 0.6em 1em;
background-color: #;
background-image : url('https://i.servimg.com/u/f82/13/72/93/95/tf213.jpg');
background-repeat: repeat;
margin: 0px;padding: 0px;
}
#onlinelist:hover {
border-top: 1px dotted #0050AB;
padding: 0.6em 1em;
background-color: #;
background-image : url('https://i.servimg.com/u/f82/13/72/93/95/tf114.jpg');
background-repeat: repeat;
margin: 0px;padding: 0px;
}
.pun .main{
margin: 1.7em;
padding: 1em;
background-color: #;
border: 1px dotted #0050AB;
background-image : url('https://i.servimg.com/u/f82/13/72/93/95/tf213.jpg');
background-repeat: repeat;
margin: 0px;padding: 0px;
}
.pun .main:hover {
margin: 1.7em;
padding: 1em;
background-color: #;
border: 1px dotted #0050AB;
background-image : url('https://i.servimg.com/u/f82/13/72/93/95/tf114.jpg');
background-repeat: repeat;
margin: 0px;padding: 0px;
}
.main-content p.message {
margin: 1.7em;
padding: 1em;
background-color: #;
border: 1px dotted #0050AB;
background-image : url('https://i.servimg.com/u/f82/13/72/93/95/tf114.jpg');
background-repeat: repeat;
margin: 0px;padding: 0px;
}
.main-content p.message:hover {
margin: 1.7em;
padding: 1em;
background-color: #;
border: 1px dotted #0050AB;
background-image : url('https://i.servimg.com/u/f82/13/72/93/95/tf213.jpg');
background-repeat: repeat;
margin: 0px;padding: 0px;
}
.pun .main-content {
border: 1px dotted #0050AB;
background-color: #;
background-image : url('https://i.servimg.com/u/f82/13/72/93/95/tf213.jpg');
background-repeat: repeat;
margin: 0px;padding: 0px;
}
.pun .main-content:hover {
border: 1px dotted #0050AB;
background-color: #;
background-image : url('https://i.servimg.com/u/f82/13/72/93/95/tf114.jpg');
background-repeat: repeat;
margin: 0px;padding: 0px;
}
.postfoot {
margin-right: -17em;
text-align: right;
clear:both;
position: relative;
border-top: 1px dashed #0050AB;
background-image : url('https://i.servimg.com/u/f82/13/72/93/95/tf114.jpg');
background-repeat: repeat;
padding: 0.5em 1em;
}
.postfoot:hover {
margin-right: -17em;
text-align: right;
clear:both;
position: relative;
border-top: 1px dashed #0050AB;
background-image : url('https://i.servimg.com/u/f82/13/72/93/95/tf213.jpg');
background-repeat: repeat;
padding: 0.5em 1em;
}
.pun table.table th {
padding: 0.5em 0;
border-style: none;
border-color: #;
background-image: url('https://i.servimg.com/u/f85/13/75/03/00/b4punb10.jpg');
}
button.button2, input.button2 {
font-size: 0.9em;
border: 1px solid #0050AB;
width: auto !important;
margin: 0px 0.25em 0;
padding: 2px 3px;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #000000;
background-repeat: repeat-x;
background-color: #FAFAFA;
background-image: url('https://i.servimg.com/u/f82/13/72/93/95/bb111.png');
background-position: top;
overflow: visible;
vertical-align:middle;
}
button.button2:hover, input.button2:hover {
border: 1px solid #0ec7e8;
color: #0ec7e8;
background-image: url('https://i.servimg.com/u/f83/13/73/57/65/215.png');
background-position: top;
background-position: 0 100%;
}
.pun .main .options {
float: right;
text-align: right;
color: #2D81EA;
}
.pun .main .options a,.pun .main .options a:link,.pun .main .options a:visited {
margin-left: 0.5em;
color: #2D81EAf;
text-decoration: none;
}
.pun .main-foot .options a,.pun .main-foot .options a:link,.pun .main-foot .options a:visited {
margin-left: 0.6em;
color: #2D81EA;
text-decoration: underline;
}
Dernière édition par Wolfgangam le Ven 16 Juil 2010 - 22:32, édité 1 fois
Re: J'ai une barre trop large
MAJ - 1000 excuses pour le double post mais j'ai vraiment besoin d'aide (j'en dort pas la nuit.. ou presque ^^')
Re: J'ai une barre trop large
Bonjour,
Que vous en dormiez, ou pas, les UP se font toutes les 24heures, sans exception.
Je ne connais pas bien la version de votre forum, donc pour voir directement sur le support je m'y suis inscrit. J'attends donc que vous activiez mon compte.
Que vous en dormiez, ou pas, les UP se font toutes les 24heures, sans exception.
Je ne connais pas bien la version de votre forum, donc pour voir directement sur le support je m'y suis inscrit. J'attends donc que vous activiez mon compte.
Re: J'ai une barre trop large
Ok, compte activé. Merci.
Sujets similaires
» Barre de navigation trop large
» Problème : barre de navigation trop large
» Fond trop large
» Bannière trop large
» Forum Trop Grand
» Problème : barre de navigation trop large
» Fond trop large
» Bannière trop large
» Forum Trop Grand
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum