CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| Zadig
{ Membre }
Messages : 55
| Bonsoir ! J'ai actuellement sur mon forum quelque chose qui me semble être un problème de mise en page. La largeur du forum dépasse largement celle qu'elle faisait à l'origine. Pas plus tard qu'hier j'avais ceci: - Spoiler:
Structure proportionnelle et cadrée avec la bannière Et aujourd'hui je me retrouve avec ceci: - Spoiler:
Aperçu
La largeur ne diminue pas lorsque je fais un zoom arrière, bref, tout dépasse, c'est moche. Pour fois faire une meilleure idée de la situation, le lien du forum est dans le spoiler. Donc j'en viens à me demander s'il s'agit d'un bug ou si quelque chose ne colle pas dans mon design. Pour info, j'ai vérifié mes templates modifiés et vaguement le CSS mais je ne trouve rien. Merci d'avance ! |
Dernière édition par Djizeusse le Mer 22 Sep 2010, 18:48, édité 1 fois | |
| | | Radimir
{ Membre actif }
Messages : 459
| Tu parles donc de la colonne dernier message ? La taille a été modifiée oui , donc soit une manipulation via Css soit via le template de L'index box. Une balise mal fermé ou autre , par conséquent il nous faudra le css de la partie modifié ainsi que le template en question. | | |
| | | Zadig
{ Membre }
Messages : 55
| Bonsoir, merci de te pencher sur le problème déjà =) Le CSS - Code:
-
/* Boîte des derniers MESSAGES postés */ .sujets_messages {margin-top: 3px; padding: 3px; font-size:9px; background-color: #ebe6e0; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; width:135px;}
.derniers_sujets {margin-top: 3px; padding: 3px; background-color: #ebe6e0; font-size:9px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px;} Le template modifié - Spoiler:
- Code:
-
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center"> <tr> <td valign="bottom"> <!-- BEGIN switch_user_logged_in --> <span class="gensmall">{LAST_VISIT_DATE}<br /> {CURRENT_TIME}<br /> </span> <!-- END switch_user_logged_in --> <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div> </td> <td class="gensmall" align="right" valign="bottom"> <!-- BEGIN switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br /> <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br /> <!-- END switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> </td> </tr> </table> <!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <div class="contenu_HCAT"><!-- Ici le texte de l'entête --><div class="cattable secondarytitle"><h2> {catrow.tablehead.L_FORUM} </h2></div></div> </tr> <!-- END tablehead --> <!-- BEGIN cathead --> <tr> <!-- BEGIN inc --> <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%"> <h{catrow.cathead.LEVEL} class="hierarchy"> <span class="cattitle"> <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a> </span> </h{catrow.cathead.LEVEL}> </td> <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td> </tr> <!-- END cathead --> <!-- BEGIN forumrow --> <tr> <!-- BEGIN inc --> <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td> <!-- END inc --> <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle"> <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /> </td> <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50"> <h{catrow.forumrow.LEVEL} class="hierarchy"> <span class="forumlink"> <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}"><span class="gradualfader">{catrow.forumrow.FORUM_NAME}</span></a><br /> </span> </h{catrow.forumrow.LEVEL}> <span class="genmed"><div class="descriptions-categories">{catrow.forumrow.FORUM_DESC}</div></span> <span class="gensmall"> <!-- BEGIN switch_moderators_links --> {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS} <!-- END switch_moderators_links --> {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} </span> </td> <!-- BEGIN forum_link_no --> <td class="row3 over" align="center" valign="middle" height="50" width="550"> <span class="gensmall"> <div class="sujets_messages">Messages : {catrow.forumrow.POSTS} | Sujets : {catrow.forumrow.TOPICS}</div> <div class="derniers_sujets">{catrow.forumrow.LAST_POST}</div></span> </td> <!-- END forum_link_no --> <!-- BEGIN forum_link --> <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td> <!-- END forum_link --> </tr> <!-- END forumrow --> <!-- BEGIN catfoot --> <tr> <!-- BEGIN inc --> <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td> </tr> <!-- END catfoot --> <!-- BEGIN tablefoot --> </table> <div><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
Mais il n'y a pas que cela, j'avais également deux bordures rouges sur les côtés, qualifiées par - Code:
-
/* Barres côtés du forum */ .bodyline { border-left: 10px solid #bd302c; border-right: 10px solid #bd302c; border-top: none; border-bottom: none; padding:0px; }
body { margin-top: 0px; margin-bottom: 0px; }
Qui ont également disparues sans que je n'ai touché, ce qui m'amène a penser au bug de forum. | | |
| | | Radimir
{ Membre actif }
Messages : 459
| Bon on va voir déjà le css test avec ça pour voir déjà si ça s'arrange. Assure toi de voir si une balise de type [ /* */ ]n'est pas mal fermé avant aussi. - Code:
-
/* Boîte des derniers MESSAGES postés */ .sujets_messages {margin-top: 3px; padding: 3px; font-size:9px; background-color: #ebe6e0; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; width:150px; height:80px;}
.derniers_sujets {margin-top: 3px; padding: 3px; width:150px; height:80px; background-color: #ebe6e0; font-size:9px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px;} | | |
| | | Zadig
{ Membre }
Messages : 55
| Je te transfère la totalité du CSS, car aussi étrange que cela puisse paraître, en copiant/collant ton code, c'est devenu pire qu'avant =O - Spoiler:
- Code:
-
/*ON COMMENCE PAR CE QUE L'ON NE SAIT PAS. NOPE !*/ /*Enfin, facile, ça c'est l'ascenseur TOP/BOTTOM*/ .ascenseur { position: fixed; /*--- Cette ligne permet de toujours afficher l'ascenseur à l'écran ---*/ bottom: 0px; /*--- On le place à 50 px du haut de l'écran ---*/ left: 30px; /*--- On le place à 0px de la gauche de l'écran ---*/ background-color: #e7dfcf; /*--- On donne une couleur au fond ---*/ -moz-border-radius: 25px 25px 0px 0px; /*--- On arrondit les bords ---*/}
/*PROFIL - Cadre autour de l'avatar & PROFIL*/ #arrondi { background-color: #e8e8e8; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; padding: 10px;}
/*Cadre autour des bouton WWW etc...*/ .post-profil{ text-align: center; background-image: url('http://s2.noelshack.com/uploads/images/11757090843333_sans_titre2.png'); border-top: 2px solid #8c7c5e; border-bottom: 3px solid #8c7c5e; padding:2px; margin:1px; -border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.post-options{ text-align: center; border-top: 3px solid #8c7c5e; background-image: url('http://s2.noelshack.com/uploads/images/11757090843333_sans_titre2.png'); border-bottom: 3px solid #8c7c5e; background-color: #e8e8e8; padding:2px; margin:1px; -border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
/* Profil Masqué */ .profilmasque /*c'est juste le css du bouton*/ { font-size: 10px; /*taille de la police*/ letter-spacing: -1px; }
.profil1/*c'est le css de l'ensemble bouton+profil*/ { width: 200px; background-color: #couleur; border: none; font-size: 11px; letter-spacing: 1px; } /*CORPS DU FORUM (Taille, Cadre côté, sans marge, taille des forums)*/
.postbody{ text-align: justify; padding: 10px; }
.bodylinewidth { width:800px; height: 800px;}
/* Barres côtés du forum */ .bodyline { border-left: 10px solid #bd302c; border-right: 10px solid #bd302c; border-top: none; border-bottom: none; padding:0px; }
body { margin-top: 0px; margin-bottom: 0px; }
.forumline { width:95%; margin:auto; -moz-border-radius: 5px; } tr.post span.gensmall { display: none; }
/*espace bannière/haut*/ table.bodylinewidth { position: relative; top: 0px;} /* Boîte des derniers MESSAGES postés */ .sujets_messages {margin-top: 3px; padding: 3px; font-size:9px; background-color: #ebe6e0; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; width:150px; height:80px;}
.derniers_sujets {margin-top: 3px; padding: 3px; width:150px; height:80px; background-color: #ebe6e0; font-size:9px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px;}
/*LES LIENS*/
/*Enlever soulignement*/ a:hover {text-decoration: none !important;} a {text-decoration: none !important; text-shadow: #b0b0b0 1px 1px 1px;}
/* DESCRIPTIONS CATEGORIES */ .descriptions-categories{ margin: 5px; /* pour faire un léger espace entre la ligne des "messages & sujets" et "dernier message posté", sinon ça se colle et c'est laid xD; on évite de retirer */ padding: 5px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */ /* après on peut rajouter ce qu'on veut : une bordure, une image de fond, un arrondi juste sur deux côtés ... */ background-color: #ebe6e0; border-top: 1px solid #bd302c; border-bottom: 5px solid #bd302c; border-left: 1px solid #57412e; border-right: 3px solid #57412e; filter:alpha(opacity=70); -moz-opacity:0.7;opacity: 0.7; font-size:9px; -moz-border-radius: 10px; text-align:justify;}
.descriptions-categories:hover{ margin: 5px; /* pour faire un léger espace entre la ligne des "messages & sujets" et "dernier message posté", sinon ça se colle et c'est laid xD; on évite de retirer */ padding: 5px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */ /* après on peut rajouter ce qu'on veut : une bordure, une image de fond, un arrondi juste sur deux côtés ... */ background-color: #ebe6e0; filter:alpha(opacity=90); -moz-opacity:0.9;opacity: 0.9; font-size:9px; -moz-border-radius: 10px; text-align:justify;}
/* DESCRIPTIONS CATEGORIES (Bulle description) */ .secondarytitle h2 { font-variant: small-caps; text-align : left; padding-left: 5px; width: 50px; } .contenu_HCAT { width : 296px; height: 50px; background : url("http://nsa18.casimages.com/img/2010/08/18//100818010951820366.png") top center no-repeat; font-family : Verdana, Arial, Helvetica, sans-serif; color : #C4B550; text-align: left; } .cattable {padding-top: 33px; padding-left: 50px} .secondarytitle { font-weight: bolder; font-family: arial; margin-left: 10px; text-transform: uppercase; letter-spacing: 1.5px; text-shadow: #b0aacd 1px 1px 1px; font-weight: bolder; font-family: arial; } h1.cattitle { color: #ffffff; text-transform: uppercase; letter-spacing: 1.5px; text-shadow: #b0aacd 1px 1px 1px;} th {color:#ffffff; height:20px; text-transform:uppercase; font-size:10px; font-weight:bold; letter-spacing:0px; text-align:center;}
/*TITRES FORUMS*/ a.forumlink:link, a.forumlink:visited { font-family: Tattoo Ink , Arial; font-size:1.8em; text-align:left; text-transform: lowercase; padding-bottom:2px; border-bottom:3px dotted #242424; color:#ff0000; vertical-align:top; display:block; text-decoration: none !important; }
a.forumlink:hover { font-size:1.8em; text-transform: lowercase; padding:1px; border-bottom:3px dotted #8F0202; text-shadow: lightgrey 0px 0px 5px; color:#c40c0c; vertical-align:top; display:block; text-decoration: none !important; }
/*Barre de NAVIGATION*/ .mainmenu{ font-size : 11px; color : #5f4037; }
a.mainmenu{ text-decoration: none; color : #5f4037; filter:alpha(opacity=50); -moz-opacity:0.5;opacity: 0.5; font-variant: small-caps; padding-right: 1px; text-shadow: silver 1px 1px 1px;
}
a.mainmenu:hover{ text-decoration:none; color : #A61723; border-right: 5px solid ; filter:alpha(opacity=100); -moz-border-radius: 3px; -moz-opacity:0.5;opacity: 1; font-weight: bold; }
/*Zones de texte*/ input,textarea, select { -moz-border-radius:9px; border:1px solid #543d27; border-bottom :3px solid #543d27; background-image: url('http://s2.noelshack.com/uploads/images/11757090843333_sans_titre2.png'); background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/ background-position: top; filter:alpha(opacity=70); -moz-opacity:0.7;opacity: 0.7; }
/*EFFETS DE MESSAGES*/ .lettrine { float: left; font-weight: bold; font-size: 50px; padding-top: 10px; margin-bottom: 4px; margin-left: 4px; color: #bd302c; text-shadow: dimgrey 1px 1px 1px; font-family: Georgia, 'Times New Roman', Times, serif; font-weight: bold; } .lettrine2 { float: left; font-weight: bold; font-size: 50px; padding-top: 10px; margin-bottom: 4px; margin-left: 4px; color:#884a00; text-shadow: dimgrey 1px 1px 1px; font-family: Georgia, 'Times New Roman', Times, serif; font-weight: bold; }
.corbeille { background-image: url('http://www.dzvet.net/forum/images/corb.png'); /*--- Image de la corbeille ---*/ background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/ background-position: center left; /*--- On positionne notre corbeille au milieu à gauche ---*/ background-color: white; /*--- Couleur de fond ---*/ border: 1px solid #000000; /*--- Taille, type et couleur de la bordure ---*/ color: #000000; /*--- Couleur du texte ---*/ padding-left: 55px; /*--- On espace la bordure gauche du texte de 55px ---*/ min-height: 60px; /*--- On donne une taille minimale de 60px au tableau ---*/ }
.cadre { display:block; padding:5px; text-align:justify; margin:5px; margin-left:15px; margin-right:15px; background-color:#e3dfda; color: dimgrey; border-width:thin; border-color:#A61723; border-style:solid; }
u { text-decoration: none; border-bottom: 1px dotted #bd302c; }
b { color: #A61723; text-shadow: silver 1px 1px 1px;}
i { color: #bd302c; text-shadow: #9e9e9e 1px 1px 1px;}
.quote { background-image: url('http://s2.noelshack.com/uploads/images/18864908400492_stgqesrg.png') !important; background-repeat: no-repeat !important; background-position: left top !important; padding-left: 60px; border-bottom: 5px solid #8c7c5e; border-left: 3px solid #8c7c5e; background-color: #E0DAD3; -moz-border-radius: 8px ; }
.code{ padding-left: 60px; border-bottom: 2px dashed #8c7c5e; border-left: 2px dashed #8c7c5e; background-color: #E0DAD3; -moz-border-radius: 8px ; }
.spoiler_closed{ background-repeat: no-repeat !important; background-position: left top !important; padding: 3px; border-bottom: 3px solid #8c7c5e; border-left: 3px solid #8c7c5e; background-color: #E0DAD3; -moz-border-radius: 8px ;
}
.spoiler_content{ background-image: url('http://s2.noelshack.com/uploads/images/13285101616974_kijf.png') !important; background-repeat: no-repeat !important; background-position: left top !important; padding-left: 60px; border-bottom: 3px solid #8c7c5e; border-left: 3px solid #8c7c5e; background-color: #E0DAD3; -moz-border-radius: 8px ; }
/*CA C'EST POUR LES PV'S !*/ .boxPV1 {background-color:#849296; width: 270px; height:160px; line-height:16px; -moz-border-radius: 3px; border-left: 6px solid #CDCDCD; border-bottom: 6px solid #CDCDCD;}
.boxPV2 {background-color:#849296; width: 270px; height:280px; line-height:16px; -moz-border-radius: 3px; border-left: 6px solid #CDCDCD; border-bottom: 6px solid #CDCDCD;}
.lignePV{background-color:#FFFFFF; width:270px; height:1px}
.boxPVavy{background-color:#849296; width: 214px; height:405px; line-height:7px; -moz-border-radius: 5px; -moz-border-radius: 3px; border-left: 6px solid #CDCDCD; border-right: 6px solid #CDCDCD; margin-right:50px;}
.boxPV3{background-color:#849296; width: 214px; height:40px; line-height:7px; -moz-border-radius: 3px; border-left: 6px solid #CDCDCD; border-bottom: 6px solid #CDCDCD; margin-right:50px;}
/*OPACITE IMAGE*/ a imguser {border: none; opacity: 0.7; background-color: transparent; } a:hover imguser {border: none; opacity: 0.5; background-color: transparent;} imguser {border: none; opacity: 0.7; background-color: transparent;} imguser:hover{border: none; opacity: 1; background-color: transparent;} .opacity { filter:alpha(opacity=60); -moz-opacity:0.6;opacity: 0.6; }
.opacity:hover { filter:alpha(opacity=100); -moz-opacity:1;opacity: 1; }
/*QUI EST EN LIGNE*/ .groupes { text-transform: uppercase; } .groupes:before { content:"♣ " } .fondpa {padding: 4px 4px 8px 8px; margin: 4px; background-image: url(http://img7.hostingpics.net/pics/854362qzsef.png); text-align: justify; -moz-border-radius: 11px 11px 11px 11px; padding: 7px; -moz-box-shadow: 3px 3px 3px #783619; width: 400px;}
/* LES INFOBULLES NOUS SERVIRONT UN JOUR, BUDDY*/
a.imginfo { position: relative; color: black; text-decoration: none; border-bottom: 0px #7d7d7d solid; /* on souligne le texte */ }
a.imginfo span { display: none; /* on masque l'infobulle */ }
a.imginfo:hover { background: none; /* correction d'un bug IE */ z-index: 999; /* on définit une valeur pour l'ordre d'affichage */ cursor: help; /* on change le curseur par défaut en curseur d'aide */ }
a.imginfo:hover span { display: inline; /* on affiche l'infobulle */ position: absolute; white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */ top: 10px; /* on positionne notre infobulle */ left: 10px; padding: 3px; border-top: 3px solid #8c7c5e; border-bottom: 5px solid #8c7c5e; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 10px; background-color: #e8e8e8; text-align:center; }
/*NOTRE PAGE D'ACCUEIL EST LA PLUS JOLIE... OU PAAAAS*/
.titrebloc{ border-bottom: 2px dotted #A61C1C; color: #8c7c5e; letter-spacing: -1px; font-size: 18px; font-family: Garamond; font-variant: small-caps; font-style:italic; align: center; -moz-border-radius: 7px; }
.liensimportants { background-color: #e6e6e6; font-variant: small-caps; padding-top: 1px; padding-bottom: 1px; width: 150px; margin-right: auto; margin-left: auto; -moz-border-radius: 10px; border-left: 3px solid #8c7c5e; border-right: 3px solid #8c7c5e; }
.liensimportants:hover { padding-top: 1px; padding-bottom: 1px; width: 150px; margin-right: auto; margin-left: auto; -moz-border-radius: 10px; }
.bloc { background-color: #ebe6e0; padding: 3px; border-bottom: 5px solid #8c7c5e; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright:7px; -moz-border-radius-bottomleft: 7px; -moz-border-radius-topleft: 10px; height: 195px; width: auto; align-text: center; }
.bloc2 { background-color: #ebe6e0; padding: 3px; border-bottom: 5px solid #8c7c5e; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 10px; height: 180px; width: auto; align-text: center; height: 150px; width: auto; align-text: center; }
/*FAITES LES PRÉSENTATIONS (LES FICHES \o/)*/ .fichefond{ background-color: #e8e8e8; border-top: 3px solid #CD5C5C; border-bottom: 3px solid #CD5C5C; border-left: 1px solid #8c7c5e; border-right: 1px solid #8c7c5e; padding: 10px; -moz-border-radius: 5px; }
.avatarprez {border: 2px solid #8c7c5e; background-color: #e8e8e8; width: auto; height: auto; padding-bottom: 1px; padding-top: 1px; padding-left: 1px; padding-right: 1px; text-align: center; color: #AEAEAE; font-size: 9px; font-style: italic; -moz-border-radius: 6px; }
.titreID { background: #e8e8e8; color: black; padding: 4px 10px; border: 3px solid #CD5C5C; text-shadow: #ffffff 1px 1px 1px; margin-left: 20px; letter-spacing: -1px; -moz-border-radius: 9px; font-size: 17px; font-family: Garamond; font-variant: small-caps; font-style:italic; border-bottom: none;}
.titrechamp { background: #e8e8e8; color: black; padding: 4px 10px; border-bottom: 6px solid #8c7c5e; text-shadow: #ffffff 1px 1px 1px; margin: 20px; letter-spacing: 1px; -moz-border-radius: 9px; font-size: 22px; font-family: georgia; font-variant: small-caps; text-align: center; font-style:italic;}
.champ{border: 1px solid #8c7c5e; border-left: 4px solid #8c7c5e; background-color: #e8e8e8; width: auto; height: auto; margin: 6px; padding-bottom: 3px; padding-top: 3px; padding-left: 6px; padding-right: 6px; text-align: justify; color: dimgrey; font-size: 11px; -moz-border-radius: 6px; }
/*---LE SQUELETTE DES FICHES DE LIENS POUR PAUMES DU BULBE =) backgroundtest:#e3dfda;color: #334746; ---*/ .fondliens{ background-color: #e8e8e8; border-top: 3px solid #CD5C5C; border-bottom: 3px solid #CD5C5C; border-left: 1px solid #8c7c5e; border-right: 1px solid #8c7c5e; padding: 10px; -moz-border-radius: 5px; width: 400px; height: 180px; overflow: auto; text-align: justify; }
.titrelien{ background: #e8e8e8; color: black; padding: 4px 10px; border: 3px solid #CD5C5C; text-shadow: #ffffff 1px 1px 1px; margin-left: 20px; letter-spacing: -1px; -moz-border-radius: 9px; font-size: 17px; font-family: Garamond; font-variant: small-caps; font-style:italic; border-bottom: none;}
| | |
| | | Radimir
{ Membre actif }
Messages : 459
| Je n'ai fais que fixer la hauteur et la largeur de la case , sinon je vais voir ça . | | |
| | | Zadig
{ Membre }
Messages : 55
| Oui, oui, même en remettant mon ancien code ça n'a rien fait, mais peut-être ai-je supprimé quelque chose sans le vouloir (Ma souris part un peu en vrille alors...) | | |
| | | Radimir
{ Membre actif }
Messages : 459
| ça devrait marcher maintenant - Code:
-
/*ON COMMENCE PAR CE QUE L'ON NE SAIT PAS. NOPE !*/ /*Enfin, facile, ça c'est l'ascenseur TOP/BOTTOM*/ .ascenseur { position: fixed; /*--- Cette ligne permet de toujours afficher l'ascenseur à l'écran ---*/ bottom: 0px; /*--- On le place à 50 px du haut de l'écran ---*/ left: 30px; /*--- On le place à 0px de la gauche de l'écran ---*/ background-color: #e7dfcf; /*--- On donne une couleur au fond ---*/ -moz-border-radius: 25px 25px 0px 0px; /*--- On arrondit les bords ---*/}
/*PROFIL - Cadre autour de l'avatar & PROFIL*/ #arrondi { background-color: #e8e8e8; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; padding: 10px;}
/*Cadre autour des bouton WWW etc...*/ .post-profil{ text-align: center; background-image: url('http://s2.noelshack.com/uploads/images/11757090843333_sans_titre2.png'); border-top: 2px solid #8c7c5e; border-bottom: 3px solid #8c7c5e; padding:2px; margin:1px; -border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.post-options{ text-align: center; border-top: 3px solid #8c7c5e; background-image: url('http://s2.noelshack.com/uploads/images/11757090843333_sans_titre2.png'); border-bottom: 3px solid #8c7c5e; background-color: #e8e8e8; padding:2px; margin:1px; -border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
/* Profil Masqué */ .profilmasque { font-size: 10px; letter-spacing: -1px; }
.profil1{ width: 200px; background-color: #couleur; border: none; font-size: 11px; letter-spacing: 1px; }
/*CORPS DU FORUM (Taille, Cadre côté, sans marge, taille des forums)*/
.postbody{ text-align: justify; padding: 10px; }
.bodylinewidth { width:800px; height: 800px;}
/* Barres côtés du forum */ .bodyline { border-left: 10px solid #bd302c; border-right: 10px solid #bd302c; border-top: none; border-bottom: none; padding:0px; }
body { margin-top: 0px; margin-bottom: 0px; }
.forumline { width:95%; margin:auto; -moz-border-radius: 5px; } tr.post span.gensmall { display: none; }
/*espace bannière/haut*/ table.bodylinewidth { position: relative; top: 0px;}
/* Boîte des derniers MESSAGES postés */
.sujets_messages {margin-top: 3px; padding: 3px; font-size:9px; background-color: #ebe6e0; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; width:150px; height:80px;}
.derniers_sujets {margin-top: 3px; padding: 3px; width:150px; height:80px; background-color: #ebe6e0; font-size:9px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px;}
/*LES LIENS*/
/*Enlever soulignement*/ a:hover {text-decoration: none !important;} a {text-decoration: none !important; text-shadow: #b0b0b0 1px 1px 1px;}
/* DESCRIPTIONS CATEGORIES */ .descriptions-categories{ margin: 5px; /* pour faire un léger espace entre la ligne des "messages & sujets" et "dernier message posté", sinon ça se colle et c'est laid xD; on évite de retirer */ padding: 5px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */ /* après on peut rajouter ce qu'on veut : une bordure, une image de fond, un arrondi juste sur deux côtés ... */ background-color: #ebe6e0; border-top: 1px solid #bd302c; border-bottom: 5px solid #bd302c; border-left: 1px solid #57412e; border-right: 3px solid #57412e; filter:alpha(opacity=70); -moz-opacity:0.7;opacity: 0.7; font-size:9px; -moz-border-radius: 10px; text-align:justify;}
.descriptions-categories:hover{ margin: 5px; /* pour faire un léger espace entre la ligne des "messages & sujets" et "dernier message posté", sinon ça se colle et c'est laid xD; on évite de retirer */ padding: 5px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */ /* après on peut rajouter ce qu'on veut : une bordure, une image de fond, un arrondi juste sur deux côtés ... */ background-color: #ebe6e0; filter:alpha(opacity=90); -moz-opacity:0.9;opacity: 0.9; font-size:9px; -moz-border-radius: 10px; text-align:justify;}
/* DESCRIPTIONS CATEGORIES (Bulle description) */ .secondarytitle h2 { font-variant: small-caps; text-align : left; padding-left: 5px; width: 50px; } .contenu_HCAT { width : 296px; height: 50px; background : url("http://nsa18.casimages.com/img/2010/08/18//100818010951820366.png") top center no-repeat; font-family : Verdana, Arial, Helvetica, sans-serif; color : #C4B550; text-align: left; } .cattable {padding-top: 33px; padding-left: 50px} .secondarytitle { font-weight: bolder; font-family: arial; margin-left: 10px; text-transform: uppercase; letter-spacing: 1.5px; text-shadow: #b0aacd 1px 1px 1px; font-weight: bolder; font-family: arial; } h1.cattitle { color: #ffffff; text-transform: uppercase; letter-spacing: 1.5px; text-shadow: #b0aacd 1px 1px 1px;} th {color:#ffffff; height:20px; text-transform:uppercase; font-size:10px; font-weight:bold; letter-spacing:0px; text-align:center;}
/*TITRES FORUMS*/ a.forumlink:link, a.forumlink:visited { font-family: Tattoo Ink , Arial; font-size:1.8em; text-align:left; text-transform: lowercase; padding-bottom:2px; border-bottom:3px dotted #242424; color:#ff0000; vertical-align:top; display:block; text-decoration: none !important; }
a.forumlink:hover { font-size:1.8em; text-transform: lowercase; padding:1px; border-bottom:3px dotted #8F0202; text-shadow: lightgrey 0px 0px 5px; color:#c40c0c; vertical-align:top; display:block; text-decoration: none !important; }
/*Barre de NAVIGATION*/ .mainmenu{ font-size : 11px; color : #5f4037; }
a.mainmenu{ text-decoration: none; color : #5f4037; filter:alpha(opacity=50); -moz-opacity:0.5;opacity: 0.5; font-variant: small-caps; padding-right: 1px; text-shadow: silver 1px 1px 1px;
}
a.mainmenu:hover{ text-decoration:none; color : #A61723; border-right: 5px solid ; filter:alpha(opacity=100); -moz-border-radius: 3px; -moz-opacity:0.5;opacity: 1; font-weight: bold; }
/*Zones de texte*/ input,textarea, select { -moz-border-radius:9px; border:1px solid #543d27; border-bottom :3px solid #543d27; background-image: url('http://s2.noelshack.com/uploads/images/11757090843333_sans_titre2.png'); background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/ background-position: top; filter:alpha(opacity=70); -moz-opacity:0.7;opacity: 0.7; }
/*EFFETS DE MESSAGES*/ .lettrine { float: left; font-weight: bold; font-size: 50px; padding-top: 10px; margin-bottom: 4px; margin-left: 4px; color: #bd302c; text-shadow: dimgrey 1px 1px 1px; font-family: Georgia, 'Times New Roman', Times, serif; font-weight: bold; } .lettrine2 { float: left; font-weight: bold; font-size: 50px; padding-top: 10px; margin-bottom: 4px; margin-left: 4px; color:#884a00; text-shadow: dimgrey 1px 1px 1px; font-family: Georgia, 'Times New Roman', Times, serif; font-weight: bold; }
.corbeille { background-image: url('http://www.dzvet.net/forum/images/corb.png'); /*--- Image de la corbeille ---*/ background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/ background-position: center left; /*--- On positionne notre corbeille au milieu à gauche ---*/ background-color: white; /*--- Couleur de fond ---*/ border: 1px solid #000000; /*--- Taille, type et couleur de la bordure ---*/ color: #000000; /*--- Couleur du texte ---*/ padding-left: 55px; /*--- On espace la bordure gauche du texte de 55px ---*/ min-height: 60px; /*--- On donne une taille minimale de 60px au tableau ---*/ }
.cadre { display:block; padding:5px; text-align:justify; margin:5px; margin-left:15px; margin-right:15px; background-color:#e3dfda; color: dimgrey; border-width:thin; border-color:#A61723; border-style:solid; }
u { text-decoration: none; border-bottom: 1px dotted #bd302c; }
b { color: #A61723; text-shadow: silver 1px 1px 1px;}
i { color: #bd302c; text-shadow: #9e9e9e 1px 1px 1px;}
.quote { background-image: url('http://s2.noelshack.com/uploads/images/18864908400492_stgqesrg.png') !important; background-repeat: no-repeat !important; background-position: left top !important; padding-left: 60px; border-bottom: 5px solid #8c7c5e; border-left: 3px solid #8c7c5e; background-color: #E0DAD3; -moz-border-radius: 8px ; }
.code{ padding-left: 60px; border-bottom: 2px dashed #8c7c5e; border-left: 2px dashed #8c7c5e; background-color: #E0DAD3; -moz-border-radius: 8px ; }
.spoiler_closed{ background-repeat: no-repeat !important; background-position: left top !important; padding: 3px; border-bottom: 3px solid #8c7c5e; border-left: 3px solid #8c7c5e; background-color: #E0DAD3; -moz-border-radius: 8px ;
}
.spoiler_content{ background-image: url('http://s2.noelshack.com/uploads/images/13285101616974_kijf.png') !important; background-repeat: no-repeat !important; background-position: left top !important; padding-left: 60px; border-bottom: 3px solid #8c7c5e; border-left: 3px solid #8c7c5e; background-color: #E0DAD3; -moz-border-radius: 8px ; }
/*CA C'EST POUR LES PV'S !*/ .boxPV1 {background-color:#849296; width: 270px; height:160px; line-height:16px; -moz-border-radius: 3px; border-left: 6px solid #CDCDCD; border-bottom: 6px solid #CDCDCD;}
.boxPV2 {background-color:#849296; width: 270px; height:280px; line-height:16px; -moz-border-radius: 3px; border-left: 6px solid #CDCDCD; border-bottom: 6px solid #CDCDCD;}
.lignePV{background-color:#FFFFFF; width:270px; height:1px}
.boxPVavy{background-color:#849296; width: 214px; height:405px; line-height:7px; -moz-border-radius: 5px; -moz-border-radius: 3px; border-left: 6px solid #CDCDCD; border-right: 6px solid #CDCDCD; margin-right:50px;}
.boxPV3{background-color:#849296; width: 214px; height:40px; line-height:7px; -moz-border-radius: 3px; border-left: 6px solid #CDCDCD; border-bottom: 6px solid #CDCDCD; margin-right:50px;}
/*OPACITE IMAGE*/ a imguser {border: none; opacity: 0.7; background-color: transparent; } a:hover imguser {border: none; opacity: 0.5; background-color: transparent;} imguser {border: none; opacity: 0.7; background-color: transparent;} imguser:hover{border: none; opacity: 1; background-color: transparent;} .opacity { filter:alpha(opacity=60); -moz-opacity:0.6;opacity: 0.6; }
.opacity:hover { filter:alpha(opacity=100); -moz-opacity:1;opacity: 1; }
/*QUI EST EN LIGNE*/ .groupes { text-transform: uppercase; } .groupes:before { content:"♣ " } .fondpa {padding: 4px 4px 8px 8px; margin: 4px; background-image: url(http://img7.hostingpics.net/pics/854362qzsef.png); text-align: justify; -moz-border-radius: 11px 11px 11px 11px; padding: 7px; -moz-box-shadow: 3px 3px 3px #783619; width: 400px;}
/* LES INFOBULLES NOUS SERVIRONT UN JOUR, BUDDY*/
a.imginfo { position: relative; color: black; text-decoration: none; border-bottom: 0px #7d7d7d solid; /* on souligne le texte */ }
a.imginfo span { display: none; /* on masque l'infobulle */ }
a.imginfo:hover { background: none; /* correction d'un bug IE */ z-index: 999; /* on définit une valeur pour l'ordre d'affichage */ cursor: help; /* on change le curseur par défaut en curseur d'aide */ }
a.imginfo:hover span { display: inline; /* on affiche l'infobulle */ position: absolute; white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */ top: 10px; /* on positionne notre infobulle */ left: 10px; padding: 3px; border-top: 3px solid #8c7c5e; border-bottom: 5px solid #8c7c5e; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 10px; background-color: #e8e8e8; text-align:center; }
/*NOTRE PAGE D'ACCUEIL EST LA PLUS JOLIE... OU PAAAAS*/
.titrebloc{ border-bottom: 2px dotted #A61C1C; color: #8c7c5e; letter-spacing: -1px; font-size: 18px; font-family: Garamond; font-variant: small-caps; font-style:italic; align: center; -moz-border-radius: 7px; }
.liensimportants { background-color: #e6e6e6; font-variant: small-caps; padding-top: 1px; padding-bottom: 1px; width: 150px; margin-right: auto; margin-left: auto; -moz-border-radius: 10px; border-left: 3px solid #8c7c5e; border-right: 3px solid #8c7c5e; }
.liensimportants:hover { padding-top: 1px; padding-bottom: 1px; width: 150px; margin-right: auto; margin-left: auto; -moz-border-radius: 10px; }
.bloc { background-color: #ebe6e0; padding: 3px; border-bottom: 5px solid #8c7c5e; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright:7px; -moz-border-radius-bottomleft: 7px; -moz-border-radius-topleft: 10px; height: 195px; width: auto; align-text: center; }
.bloc2 { background-color: #ebe6e0; padding: 3px; border-bottom: 5px solid #8c7c5e; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 10px; height: 180px; width: auto; align-text: center; height: 150px; width: auto; align-text: center; }
/*FAITES LES PRÉSENTATIONS (LES FICHES \o/)*/ .fichefond{ background-color: #e8e8e8; border-top: 3px solid #CD5C5C; border-bottom: 3px solid #CD5C5C; border-left: 1px solid #8c7c5e; border-right: 1px solid #8c7c5e; padding: 10px; -moz-border-radius: 5px; }
.avatarprez {border: 2px solid #8c7c5e; background-color: #e8e8e8; width: auto; height: auto; padding-bottom: 1px; padding-top: 1px; padding-left: 1px; padding-right: 1px; text-align: center; color: #AEAEAE; font-size: 9px; font-style: italic; -moz-border-radius: 6px; }
.titreID { background: #e8e8e8; color: black; padding: 4px 10px; border: 3px solid #CD5C5C; text-shadow: #ffffff 1px 1px 1px; margin-left: 20px; letter-spacing: -1px; -moz-border-radius: 9px; font-size: 17px; font-family: Garamond; font-variant: small-caps; font-style:italic; border-bottom: none;}
.titrechamp { background: #e8e8e8; color: black; padding: 4px 10px; border-bottom: 6px solid #8c7c5e; text-shadow: #ffffff 1px 1px 1px; margin: 20px; letter-spacing: 1px; -moz-border-radius: 9px; font-size: 22px; font-family: georgia; font-variant: small-caps; text-align: center; font-style:italic;}
.champ{border: 1px solid #8c7c5e; border-left: 4px solid #8c7c5e; background-color: #e8e8e8; width: auto; height: auto; margin: 6px; padding-bottom: 3px; padding-top: 3px; padding-left: 6px; padding-right: 6px; text-align: justify; color: dimgrey; font-size: 11px; -moz-border-radius: 6px; }
/*---LE SQUELETTE DES FICHES DE LIENS POUR PAUMES DU BULBE =) backgroundtest:#e3dfda;color: #334746; ---*/ .fondliens{ background-color: #e8e8e8; border-top: 3px solid #CD5C5C; border-bottom: 3px solid #CD5C5C; border-left: 1px solid #8c7c5e; border-right: 1px solid #8c7c5e; padding: 10px; -moz-border-radius: 5px; width: 400px; height: 180px; overflow: auto; text-align: justify; }
.titrelien{ background: #e8e8e8; color: black; padding: 4px 10px; border: 3px solid #CD5C5C; text-shadow: #ffffff 1px 1px 1px; margin-left: 20px; letter-spacing: -1px; -moz-border-radius: 9px; font-size: 17px; font-family: Garamond; font-variant: small-caps; font-style:italic; border-bottom: none;} | | |
| | | Zadig
{ Membre }
Messages : 55
| En effet, merci infiniment !
Par curiosité, puis-je savoir quel était le problème, histoire de ne pas refaire la même erreur ou c'est bien trop long à expliquer ? | | |
| | | Radimir
{ Membre actif }
Messages : 459
| Oui bien sûr , dans la partie suivante , il y avait une balise mal fermé voir trop de balises pour indiquer l'effet de chaque chose , je les ai juste enlevé. - Code:
-
/* Profil Masqué */ .profilmasque { font-size: 10px; letter-spacing: -1px; }
Ton problème est résolu ? ou tu as besoin d'autre chose ? =) | | |
| | | Zadig
{ Membre }
Messages : 55
| Han, donc, un trop plein d'explications nuit au fonctionnement du CSS. Donc, problème résolu, merci beaucoup | | |
| | | Radimir
{ Membre actif }
Messages : 459
| En effet. [Essaye de rendre cela plus léger , des petites indications au débuts suffisent Au risque de te tromper à la fermeture de ces dernières. ] Bonne soirée ^^. | | |
| | | Contenu sponsorisé
| | | | |
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|