Augmenter largeur fixe

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

Résolu Augmenter largeur fixe

Message par Khayalan le Lun 4 Mar 2013 - 17:44

Bonjour,

Je trouve la colonne d'affichage des titres trop petites, alors j'essaye de modifier la largeur de mon forum. Seulement comme j'ai des catégories en bloc avec des images de description, je voudrais éviter de mettre une valeur en pourcentage pour être sûre que les images s'affichent pareil chez tout le monde.

Bref, j'ai beau mettre une largeur plus petite ou plus grande, rien ne bouge. Elle est à 70 pour le moment et je voudrais essayer 80, mais ça ne change rien... Par contre en pourcentage ça marche tout de suite (excepté l'inconvénient du haut)...

Ci joint mon css:

Code:
a.mainmenu{
   font-size: 11px;
   color: #000000;
   font-weight: bold;
   text-decoration: none;
   margin-left : 9px;
   margin-right : 9px;
   text-align: center;
   text-transform: uppercase;}

a.mainmenu:hover{
   font-size: 11px;
   color: #000000;
   font-weight: bold;
   text-decoration: none;
   margin-left : 9px;
   margin-right : 9px;
   text-align: center;
   text-transform: uppercase;
   font-style: italic;
        border-bottom: 1px dotted #000000;}

a {font-variant: small-caps;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;
font-style: italic;
cursor: se-resize;}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: NONE !important;}
a:active {text-decoration: none;}

body{
   cursor:crosshair;}

.forumline {
   -moz-border-radius:30px;
   -webkit-border-radius:30px;
   -moz-box-shadow: 5px 5px 7px #787878;
   background-image:url("http://i77.servimg.com/u/f77/18/10/66/85/denim-10.gif");
   padding:10px;}

td.row3,td.row1,td.row2,td.row3Right {
   background-image:url(http://s2.noelshack.com/old/up/antiinvite-b8c6c0cf17.png);}

.bodyline{
   background-image: url(http://s2.noelshack.com/old/up/antiinvite-b8c6c0cf17.png);
   -moz-box-shadow: 1px 1px 7px #787878;
   -moz-border-radius-bottomleft:100px;
   -moz-border-radius-bottomright:100px;
   -moz-border-radius-topleft:30px;
   -moz-border-radius-topright:30px;}

a.forumlink {
   font-size: 17px;color: #14695b;
   text-align:center;
        display:block;
        letter-spacing:-1px;
        padding-right:20px;
   font-family: times new roman;
   text-transform:lowercase;
        font-style:oblique;
        border-bottom: 1px dashed #14695b;}

input,textarea, select {
   font: normal 11px;
   background-image: url(http://s2.noelshack.com/old/up/antiinvite-b8c6c0cf17.png);
   border: 1px #b3964b solid;
   border-left-width: 1px;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px}

input.post, textarea.post, select{
   ;font-size:11px;
   background-image: url(http://s2.noelshack.com/old/up/antiinvite-b8c6c0cf17.png);
   border: 1px #b3964b solid;}

input {
   font-size: 11px;text-indent : 2px;
   background-image: url(http://s2.noelshack.com/old/up/antiinvite-b8c6c0cf17.png);
   border: 1px #b3964b solid;}

input.button {
   font-size: 11px;
   font-family:Tahoma,Helvetica,sans-serif;
   background-image: url(http://s2.noelshack.com/old/up/antiinvite-b8c6c0cf17.png);
   border: 1px #b3964b solid;}

input.mainoption {
   font-weight : bold;
   background-image: url(http://s2.noelshack.com/old/up/antiinvite-b8c6c0cf17.png);
   border: 1px #b3964b solid;}

input.liteoption {
   font-weight : normal;
   background-image: url(http://s2.noelshack.com/old/up/antiinvite-b8c6c0cf17.png);
   border: 1px #b3964b solid;}

.code {
   background-image:url(http://s2.noelshack.com/old/up/antiinvite-b8c6c0cf17.png);
   padding:10px;
   text-align:justify;
   font-size:12px;
   -moz-box-shadow: 1px 1px 7px #787878;
   -moz-border-radius:30px;
   max-height: 180px;
   overflow: auto;
   border: 5px #263D4C solid;}

.spoiler {
   background-image:url(http://s2.noelshack.com/old/up/antiinvite-b8c6c0cf17.png);
   padding:10px;
   text-align:justify;
   font-size:12px;
   -moz-box-shadow: 1px 1px 7px #787878;
   -moz-border-radius:30px;
   max-height: 180px;
   overflow: auto;
   border: 5px #263D4C solid;}

.quote {
   background-image:url(http://s2.noelshack.com/old/up/antiinvite-b8c6c0cf17.png);
   padding:10px;
   text-align:justify;
   font-size:12px;
   -moz-box-shadow: 1px 1px 7px #787878;
   -moz-border-radius:30px;
   max-height: 180px;
   overflow: auto;
   border: 5px #263D4C solid;}
.postbody {
padding-left: 15px;
}
.postbody {
padding-right: 15px;
}
.signature_div img {
  max-height:100px;
  max-width:500px;
}
 
/* ************* CENTRER LES SIGNATURES *********** */
.signature_div { text-align: center; }
a.mainmenu {margin-right:-12px !important;}
.bodylinewidth {
border-spacing: 0;
}
.bodyline{
border-spacing: 0;
}

/* ---- BLOC CONTENANT LE TITRE DES CATÉGORIES ---- */
.tfa_cattitle{
position: relative;
width: 100%;
margin: 15px 0;
padding: 0;
clear:both;
}
/* TITRE CATÉGORIE */
.tfa_cattitle h2{
width: 80%;
margin: 0 auto;
paddign: 0;
text-align:center;
font: 22px small-caps;
color: #013968;
text-shadow: 0 1px 0 #000;
}

/* ---- BLOC CONTENANT LES FORUMS ---- */
.tfa_container_forum{
position: relative;
width: 100%;
margin: 10px auto;
padding: 0;
}
/* BLOC CONTENANT UN FORUM */
.tfa_contenu_forum{
width: 50%;
float: left;
margin: 10px auto 30px;
padding: 0;
}
/* CONTENU DES FORUMS */
.in_forum{
position: relative;
width: 96%;
margin: 10px auto;
padding: 0;
background-image:url("http://i77.servimg.com/u/f77/18/10/66/85/denim-10.gif");
margin: 0 auto;
padding: 0px;
border: 2px solid #000000;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

/* ----- BLOC SUJETS-MESSAGES ------ */
.sujets-messages{
background: url(http://i45.servimg.com/u/f45/11/95/30/70/258.png) repeat-x transparent;
position: relative;
width: 190px;
height: 16px;
margin: 0 auto;
padding:0;
text-align:center;
}
/* SUJETS-MESSAGES */
.sujets-messages .gensmall{
font: 10px small-caps;
color: #fff;
text-shadow: 1px 0 1px #000;
margin: 2px auto 0;
padding:0;
text-align: center;
}
/* CHIFFRES */
.chiffres{
color:#0036d0;
}

/* ------- BLOC TITRE FORUM ------- */
.block_titre{
background: url(http://i77.servimg.com/u/f77/18/10/66/85/barre411.jpg) top left repeat-x;
position:relative;
width: 100%;
height: 50px;
margin: 10px 0 0 0;
padding: 0;
}
.block_titre .hierarchy{
display: block;
width: 100%;
height: 33px;
margin: 0;
padding: 0;
}
/* LIEN FORUM */
.block_titre a.forumlink{
display: block;
font: bold 16px small-caps;
color: #ffffff;
text-shadow: 0 0px 0 #d4c5ac;
text-align: center;
padding-top: 6px;
text-decoration: none !important;
-webkit-transition: all 0.8s ease 0.2s; /* pour navigateur webkit */
-moz-transition: all 0.8s ease 0.2s; /* pour navigateur mozilla */
-o-transition: all 0.8s ease 0.2s; /* pour navigateur opera */
transition: all 0.8s ease 0.2s; /* pour les navigateurs récents */
}
/* LIEN FORUM AU SURVOL */
.block_titre a.forumlink:hover{
font-size: 19px;
color: #ffffff;
text-decoration: none !important;
}
/* IMAGE DE GAUCHE */
.titre-deco{
position: absolute;
top: 0;
left: 0;
width: 25px;
height: 33px;
margin: 0;
padding: 0;
}

/* ------- BLOC DESCRIPTION -------- */
.tfa_description{
background: url(http://s2.noelshack.com/old/up/antiinvite-b8c6c0cf17.png) top left repeat-x transparent;
border: 1px solid #e5d6bd;
width: 94%;
height: 200px;
margin: 12px auto 0;
padding: 0;
}
/* BLOC TRANSITION */
.bloc-trans{
position: relative;
height: 200px;
margin: auto;
overflow: hidden;
width: 100%;
margin: 0;
padding: 0;
}
/* CONTENU BLOC DESCRIPTION */
.bloc-texte{
background: #25211b;
width: 100%;
height: 200px;
position: absolute;
top: 0;
left: 0;
color: #9C9C9C;
opacity: 0;
filter : alpha(opacity=0);
-webkit-transition: all 1.5s ease; /* pour navigateur webkit */
-moz-transition: all 1.5s ease; /* pour navigateur mozilla */
-o-transition: all 1.5s ease; /* pour navigateur opera */
transition: all 1.5s ease; /* pour les navigateurs récents */
}
/* DESCRIPTION AU SURVOL */
.bloc-texte:hover {
opacity: 0.8;
filter : alpha(opacity=80);
}
/* IMAGE DESCRIPTION */
.descr-img img {
vertical-align: middle;
}
/* TEXTE DESCRIPTION */
.in-tfa_cont{
font-size: 12px;
color: #fff;
text-align: center;
width: 96%;
margin: 5px auto 0;
padding:0;
height: 200px;
overflow-y: auto;
}

/* ------ BLOC MODERATEURS -------- */
.modo{
position: relative;
width:90%;
margin: 0 auto;
padding: 0;
}
.modo-transtion{
position: absolute;
left: 0;
width: 100%;
margin: 0 auto;
padding: 0;
z-index: 3;
}
/* CONTENU MODERATEURS */
.modo_content{
background: url(http://i45.servimg.com/u/f45/11/95/30/70/zeza11.jpg) repeat-x;
position: relative;
height: 0;
overflow: hidden;
color: #fff;
-moz-border-radius: 0 0 9px 9px;
-webkit-border-radius: 0 0 9px 9px;
border-radius: 0 0 9px 9px;
-webkit-transition: all 1.2s ease; /* pour navigateur webkit */
-moz-transition: all 1.2s ease; /* pour navigateur mozilla */
-o-transition: all 1.2s ease; /* pour navigateur opera */
transition: all 1.2s ease; /* pour les navigateurs récents */
}
/* OUVERTURE MODERATEURS */
.open_modo{
background: url(http://i45.servimg.com/u/f45/11/95/30/70/mo10.png) no-repeat transparent;
position: relative;
width: 94px;
height: 13px;
display: block;
margin: 0 auto;
padding: 0;
font: 10px small-caps;
color: #fff;
text-shadow: 1px 0 1px #000;
text-align: center;
}
/* MODERATEURS AU SURVOL */
.modo-transtion:hover .modo_content{
height: 25px;
padding: 3px;
}

/* TEXTE MODO */
.modo span{
font: 10px small-caps;
}

/* --- PARTIE DERNIERS SUJETS ET ICONES */
.derniers_sujets_and_icone{
width: 100%;
position: relative;
margin: 0;
padding: 0;
}
/* ---------- DERNIERS SUJETS -------- */
.tfa_last_post{
background: url(http://s2.noelshack.com/old/up/antiinvite-b8c6c0cf17.png) top left repeat-x transparent;
width: 65%;
height: 60px;
float: left;
margin: 16px 0 10px 10px;
padding: 5px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #817663;
border-bottom: 1px solid #daceba;
-webkit-transition: all 1.2s ease; /* pour navigateur webkit */
-moz-transition: all 1.2s ease; /* pour navigateur mozilla */
-o-transition: all 1.2s ease; /* pour navigateur opera */
transition: all 1.2s ease; /* pour les navigateurs récents */
}
/* DERNIERS SUJETS AU SURVOL */
.tfa_last_post:hover{
background-position: bottom left;
}
/* ICONES NEW-NO NEW-CLOS */
.tfa_icone{
width: 25%;
float: right;
margin: 10px auto;
padding: 0;
text-align: center;
}

/* ------ BLOC SOUS-FORUMS -------- */
.bas-tfa_transition{
position: relative;
width:90%;
margin: 0 auto;
padding: 0;
}
.bloc_sous_forums{
position: absolute;
left: 0;
width: 100%;
margin: 0 auto;
padding: 0;
z-index: 3;
}
/* SOUS-FORUMS */
.sous_forums{
background: url(http://i45.servimg.com/u/f45/11/95/30/70/zeza11.jpg) repeat-x;
position: relative;
height: 0;
overflow: hidden;
color: #ffffff;
-moz-border-radius: 0 0 9px 9px;
-webkit-border-radius: 0 0 9px 9px;
border-radius: 0 0 9px 9px;
-webkit-transition: all 1.2s ease; /* pour navigateur webkit */
-moz-transition: all 1.2s ease; /* pour navigateur mozilla */
-o-transition: all 1.2s ease; /* pour navigateur opera */
transition: all 1.2s ease; /* pour les navigateurs récents */
}
/* OUVERTURE SOUS-FORUM */
.open_sous-forums{
background: url(http://i45.servimg.com/u/f45/11/95/30/70/258.png) no-repeat transparent;
position: relative;
width: 149px;
height: 17px;
display: block;
float: right;
margin-right: 10px;
padding: 1px 0 0 0;
font: 11px small-caps;
color: #fff;
text-shadow: 1px 0 1px #000;
text-align: center;
}
/* SOUS-FORUM AU SURVOL */
.bloc_sous_forums:hover .sous_forums{
height: 50px;
padding: 3px;
}

#le_tableau{
color:#435250;
font-size: 12px;
font-family: Arial;
text-align: center;
background: url("http://i77.servimg.com/u/f77/18/10/66/85/denim-10.gif");
border: 3px solid #274b6b;
margin: 3px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
-moz- text-shadow: 1px 1px 2px #000;
-webkit- text-shadow: 1px 1px 2px #000; 
}

.text_imag{
color: #d8f795;
text-align: center;
vertical-align: center;
font-family: Arial;
font-size: 30px;
font-weight: bold;
}

.style_cellule{
background-image: url(http://s2.noelshack.com/old/up/antiinvite-b8c6c0cf17.png);
border: 3px solid #274b6b;
margin: 3px;
padding: 6px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
}

#igauche{
background-image: url(http://s2.noelshack.com/old/up/antiinvite-b8c6c0cf17.png);
background-color: #0f100f;
border: 3px solid #274b6b;
padding: 6px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
}
#idroite{
background-image: url(http://s2.noelshack.com/old/up/antiinvite-b8c6c0cf17.png);
background-color: #0f100f;
border: 3px solid #274b6b;
padding: 6px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
}


.titre_4{
font-size: 14px;
color: #274b6b;
border-bottom: 1px dotted #274b6b;
}

/* navigation */

#nav-menu ul{
list-style: none;
padding: 0;
margin: 0;
}

#nav-menu li{
float: left;
margin: 0 2px;
}

#nav-menu li a{
height: 14px;
line-height: 14px;
float: left;
width: 138px;
display: block;
border: 2px solid 3e8dd1;
background-image: url(http://s2.noelshack.com/old/up/antiinvite-b8c6c0cf17.png);
font-size: 15px;
font-weight: bold;
text-decoration: none;
text-align: center;
-moz-border-radius: 12px 3px 12px 3px ;
-webkit-border-radius: 12px 3px 12px 3px ;
border-radius: 12px 3px 12px 3px ;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
margin: 2px 0px 2px 0px;
}

#nav-menu li a:hover{
color: #bfcd48;
font-style: italic;
}

/* Hide from IE5-Mac \*/
#nav-menu li a{
float: none
}
/* End hide */


/* fin navigation */


/* Scroller Box */

#scroller_container {
width: 120px;
height: 70px;
overflow: hidden;
}

#dummy {;# }

#scroller_container {
overflow: auto;
}

/* fin Scroller Box */

/* infobulle */

div.info em {
display:none;
}

div.info:hover {
background: none;
z-index: 999;
cursor: hand;
position: relative;
text-decoration:none;
border: 0;
}

div.info:hover em {
font-style: normal;
font-size: 10px;
color:#000 !important;
padding: 3px;
display: inline;
position: absolute;
top: 62px;
left: 35px;
-moz-border-radius: 7px 7px 0px 7px ;
-webkit-border-radius: 7px 7px 0px 7px ;
border-radius:7px 7px 0px 7px ;
-moz-box-shadow: 0px 0px 4px #000;
-webkit-box-shadow: 0px 0px 4px #000;
box-shadow: 0px 0px 4px #000;
background-color: #424242;
border: 2px solid #00a200;
width:auto;
}

.titre_info{
text-align: center;
font-size: 14px;
font-style: italic;
border-bottom: 1px dotted #274b6b;
}

/* fin infobulle */
.bodylinewidth {
border-spacing: 0;
}
.bodyline{
border-spacing: 0;
}
a.cattitle {
    color: #FFFFFF;
}
.catHead h1 {color:#FFFFFF;}
.catHead {border-color:#FFFFFF!important;}
a.nav {color:#3AC2C2!important;}
.catBottom h1 {color:#FFFFFF;}
.catBottom {border-color:#FFFFFF!important;}
.thHead .gen {color:#FFFFFF}

Pourriez-vous m'aider svp?
Merci! Wink


Dernière édition par Khayalan le Lun 4 Mar 2013 - 17:56, édité 1 fois

Khayalan
**

Messages : 98
Inscrit(e) le : 09/02/2013

http://equid-et-wow.forumactif.org/
Khayalan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Augmenter largeur fixe

Message par Matriochka le Lun 4 Mar 2013 - 17:48

Bonjour,

De quelle colonne parles-tu ?

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Augmenter largeur fixe

Message par Khayalan le Lun 4 Mar 2013 - 17:50

Bonsoir,

Euh, j'ai un peu tourné autour du pot...

J'aimerais simplement augmenter la largeur de l'ensemble de mon forum avec une valeur fixe (sans pourcentage), mais je peux mettre n'importe quelle valeur, rien ne bouge...


Khayalan
**

Messages : 98
Inscrit(e) le : 09/02/2013

http://equid-et-wow.forumactif.org/
Khayalan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Augmenter largeur fixe

Message par Matriochka le Lun 4 Mar 2013 - 17:52

Ah, c’est plus clair Laughing

Dans ce cas, tu peux utiliser ceci dans ton CSS :
Code:
.bodylinewidth {width:***px;}

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Augmenter largeur fixe

Message par Khayalan le Lun 4 Mar 2013 - 17:56

Merci!

Khayalan
**

Messages : 98
Inscrit(e) le : 09/02/2013

http://equid-et-wow.forumactif.org/
Khayalan 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