J'ai une barre trop large

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

Résolu J'ai une barre trop large

Message par Wolfgangam le Jeu 15 Juil 2010 - 17:10

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 ?


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('http://illiweb.com/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('http://i82.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('http://i82.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('http://i82.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('http://i82.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('http://i82.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('http://i82.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('http://i82.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('http://i82.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('http://i82.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('http://i82.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('http://i82.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('http://i82.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('http://i82.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('http://i82.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('http://i82.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('http://i82.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('http://i82.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('http://i82.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('http://i82.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('http://i82.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('http://i82.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('http://i82.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('http://i82.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('http://i82.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('http://i85.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('http://i82.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('http://i83.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

Wolfgangam
Nouveau membre

Messages : 3
Inscrit(e) le : 06/09/2009

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

Résolu Re: J'ai une barre trop large

Message par Wolfgangam le Ven 16 Juil 2010 - 9:38

MAJ - 1000 excuses pour le double post mais j'ai vraiment besoin d'aide (j'en dort pas la nuit.. ou presque ^^')

Wolfgangam
Nouveau membre

Messages : 3
Inscrit(e) le : 06/09/2009

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

Résolu Re: J'ai une barre trop large

Message par Threax le Ven 16 Juil 2010 - 15:26

Bonjour,

Que vous en dormiez, ou pas, les UP se font toutes les 24heures, sans exception. Wink

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

Threax
+ Hyperactif +

Masculin
Messages : 17277
Inscrit(e) le : 27/08/2005

http://lesforumsde.forumactif.com
Threax a été remercié(e) par l'auteur de ce sujet.

Résolu Re: J'ai une barre trop large

Message par Wolfgangam le Ven 16 Juil 2010 - 15:50

Ok, compte activé. Merci.

Wolfgangam
Nouveau membre

Messages : 3
Inscrit(e) le : 06/09/2009

http://lofficieux.forumactif.org/
Wolfgangam 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