Sujets similaires

Bonsoir !!

J'aurais besoin de votre aide pour 2 petites choses. J'ai en réalité un problème et une question qui n'ont rien à voir entre-elle...

Tout d'abord mon problème :

Grace aux divers tuto disponible sur ce forum, j'ai modifier moi même mon CSS. J'ai ajouté : un ascenseur (haut et bas comme ici ) droite), personnalisé les soulignements, les spoilers/code/citer ect... et voilà que j'ai un BIG espace dans tout les sujets poster sur mon forum.

Cette espace ce situe dans les messages et à la fin du texte. Voici un capture écran : ICI

Je débute dans le CSS et les code HTLM et là j'avoue que je ne sais pas "où" modifier. Je suppose que j'ai dû ajouter un code dans mon CSS après avoir fait un "essai" et que j'ai oublier de l'enlevé mais je sais pas quoi.

Voici mon CSS :

Spoiler:

Code:: /* DEBUT effet opacticité sur une image */

.opacity img {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}

.opacity img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}

/* FIN effet opacticité sur une image */

u{border-bottom: 2px solid; /*--- taille du soulignement ---*/
border-color:#FFD700; /*--- couleur du soulignement ---*/
text-decoration: none;
-moz-border-radius:6px; /*--- On arrondit notre soulignement ---*/
}

/* DEBUT Lettrine */

.lettrine {
float: left;
font-size : 40px;
padding-top : 10px;
margin-bottom : 4px;
color: #87CEFA;
font-family: Georgia, 'Times New Roman', Times, serif;
}

.lettrine2 {
float: left;
font-size : 40px;
padding-top : 10px;
margin-bottom : 4px;
color: #F08080;
font-family: Georgia, 'Times New Roman', Times, serif;
}

/* FIN Lettrine */

/* DEBUT presentation du staff */

a.imginfo {
border-bottom:0 solid #BCBECC;
color:#BCBECC;
position:relative;
text-decoration:none;
}
a.imginfo span {
display:none;
}
a.imginfo:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
cursor:help;
z-index: 999;
}
a.imginfo:hover span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:white none repeat scroll 0 0;
border-color:#BCBECC;
border-style:solid;
border-width:3px 3px 5px 5px;
display:inline;
left:20px;
padding:3px;
position:absolute;
top:15px;
white-space:nowrap;
}

/* FIN Présentation du staff */

/* DEBUT Partie Tags */

.ok {
background-image: url('http://nsa19.casimages.com/img/2010/12/04/101204102048116014.png'); /*--- Image ok ---*/
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: #AFD394; /*--- Couleur de fond ---*/
border: 2px double #51B169; /*--- Taille, type et couleur de la bordure ---*/
color: #2C7614; /*--- Couleur du texte ---*/
padding-left: 65px; /*--- On espace la bordure gauche du texte de 55px ---*/
min-height: 60px; /*--- On donne une taille minimale de 60px au tableau ---*/
}

.refus {
background-image: url('http://nsa20.casimages.com/img/2010/12/04/101204102850916170.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: #E86C74; /*--- Couleur de fond ---*/
border: 3px double #C53841; /*--- Taille, type et couleur de la bordure ---*/
color: #A1151E; /*--- Couleur du texte ---*/
padding-left: 65px; /*--- On espace la bordure gauche du texte de 55px ---*/
min-height: 60px; /*--- On donne une taille minimale de 60px au tableau ---*/
}

.attention {
background-image: url('http://nsa20.casimages.com/img/2010/12/04/101204103435215325.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: #F9C884; /*--- Couleur de fond ---*/
border: 3px double #EF8846; /*--- Taille, type et couleur de la bordure ---*/
color: #EA5A00; /*--- Couleur du texte ---*/
padding-left: 65px; /*--- On espace la bordure gauche du texte de 55px ---*/
min-height: 60px; /*--- On donne une taille minimale de 60px au tableau ---*/
}

/* FIN Partie tags */

.profil_contour /*deco autour du profil */
{
background-color: #46474C; /* couleur du fond */
-border-radius: 20px; /* tous les côtés sont arrondis */
-moz-border-radius: 20px; /* tous les côtés sont arrondis */
-webkit-border-radius: 20px; /* tous les côtés sont arrondis */
padding-left: 10px; /*--- On espace la bordure gauche du texte de 5px ---*/
padding-right: 10px; /*--- On espace la bordure droite du texte de 5px ---*/
padding-top: 5px; /*--- On espace la bordure gauche du texte de 5px ---*/
padding-bottom: 5px; /*--- On espace la bordure droite du texte de 5px ---*/
}

.deco_profil { /* deco sous le profil ou avatar */
background-color: #46474C; /* couleur du fond */
-border-radius: 20px; /* tous les côtés sont arrondis */
-moz-border-radius: 20px; /* tous les côtés sont arrondis */
-webkit-border-radius: 20px; /* tous les côtés sont arrondis */
padding-left: 10px; /*--- On espace la bordure gauche du texte de 5px ---*/
padding-right: 10px; /*--- On espace la bordure droite du texte de 5px ---*/
padding-top: 5px; /*--- On espace la bordure gauche du texte de 5px ---*/
padding-bottom: 5px; /*--- On espace la bordure droite du texte de 5px ---*/
}

.ascenseur {
position: fixed; /*--- Cette ligne permet de toujours afficher l'ascenseur à l'écran ---*/
top: 40px; /*--- On le place à 50 px du haut de l'écran ---*/
left: 0px; /*--- On le place à 0px de la gauche de l'écran ---*/
background-color: #5B5C61; /*--- On donne une couleur au fond ---*/
-moz-border-radius: 0px 35px 35px 0px; /*--- On arrondit les bords ---*/
-webkit-border-radius: 0px 35px 35px 0px;
border-radius: 0px 35px 35px 0px;
border: 2px solid;
color:#BABCCB;
padding-top: 5px; /*--- On espace la bordure gauche du texte de 5px ---*/
padding-bottom: 5px; /*--- On espace la bordure droite du texte de 5px ---*/
}

.signature_div { /* bloquer les signatures trop grande */
overflow: auto;
width: 600px;
height: 400px;
}

/* modification de citation/spoiler et code */
.spoiler_closed{
-moz-border-radius: 10px 0px 10px 0px;
-webkit-border-radius: 10px 0px 10px 0px;
border-radius: 10px 0px 10px 0px;
background-color:#706F6F;
border:2px solid;
color:#BABCCB;
}

.spoiler_content{
-moz-border-radius: 10px 0px 10px 0px;
-webkit-border-radius: 10px 0px 10px 0px;
border-radius: 10px 0px 10px 0px;
background-color:#706F6F;
border:2px solid;
color:#BABCCB;
}

.quote{
background-image: url('http://nsa19.casimages.com/img/2010/12/04/101204020009889759.png') !important;
background-repeat: no-repeat !important;
background-position: left top !important;
padding-left: 40px;
background-color: #706F6F; /* couleur du fond */
border:3px #BABCCB double; /* bordure double */
-border-radius: 5px; /* tous les côtés sont arrondis */
-moz-border-radius: 5px; /* tous les côtés sont arrondis */
-webkit-border-radius: 5px; /* tous les côtés sont arrondis */
color: #EBE8E8; /* couleur du texte */
}

.code{
background-color: #706F6F; /* couleur du fond */
border:2px #BABCCB dashed; /* bordure en traits peu épais */
-border-radius: 5px; /* tous les côtés sont arrondis */
-moz-border-radius: 5px; /* tous les côtés sont arrondis */
-webkit-border-radius: 5px; /* tous les côtés sont arrondis */
color: #FFF159; /* couleur du texte */
}
/* fin des modifications */

/* Police générale */
.pa_font {
text-align:center;
color: #fffcfc;
font-size:11px;
}

/* Police du copyright */
.pa_font_copyright {
color:#fffcfc;
font-size:10px;
}

/* Police de la navigation */
.pa_font_nav a {
font-size: 10px;
font-variant: small-caps;
text-decoration: none;
}

/* Liens survolés de la navigation */
.pa_font_nav a:hover{
text-decoration: underline;
color: #ffffff;
}

/* Propriétés tableau avec image rollover */
.pa_table_1 {
border: 6px solid #BCBECC;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
margin-left: 10px;
margin-right: 10px;
}

/* Propriétés tableaux annonces staff partenaires annuaires */
.pa_table_2 {
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
margin-left: 10px;
margin-right: 10px;
border: 3px solid #5A5961;
background-color: #706F6F;
}

/* Tableau de navigation */
.pa_table_nav {
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
margin-left: 10px;
margin-right: 10px;
border: 3px solid #5A5961;
background-color: #706F6F;
text-align:left;
}

/* Titre message de bienvenue */
.pa_titre_1 {
background-color: #C0C0CC;
color:#5B5C61;
font-weight:bold;
padding: 6px;
margin-bottom: 5px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
}

/* Tous les autres titres */
.pa_titre_2 {
border: 3px solid #5A5961;
background-color: #C0C0CC;
color:#5B5C61;
font-weight:bold;
padding: 6px;
margin-bottom: 5px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
}

/* Propriétés tableau de bienvenue */
.pa_boite {
background-color: #5A5961;
padding: 6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
}

/* Propriétés contenu tableau de bienvenue */
.pa_cadre {
background-color: #706f6f;
padding: 8px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
}

/* Propriétés du tableau prédéfinis */
.pa_predefinis {
border: 3px solid #BCBECC;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

/* FIN Partie CSS de la Page d Accueil */

a:focus { /* CODE TopSite*/
outline: none;
}

img {
border: none;
}

.panel3 { /* interieur texte */
position: absolute;
top: 270px;
right: 0;
display: none;
background: #5B5C61;
border: 2px solid #BABCCB;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
width: 150px;
height: auto;
padding: 20px 60px 20px 20px;
filter: alpha(opacity=95);
opacity: .95;
}

.panel3 p{
margin: 0;
padding: 0 0 15px 0;
color: #5B5C61;
}

.panel3 a, .panel2 a:visited{
margin: 0;
padding: 0;
color: #5B5C61;
}

.panel3 a:hover, .panel2 a:visited:hover{
margin: 0;
padding: 0;
color: #5B5C61;
}

a.trigger3{ /* premier lien ouvrir topsite*/
position: absolute;
text-decoration: none;
top: 270px; right: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#BABCCB;
padding: 40px 40px 40px 5px;
font-weight: 150;
background: url(http://nsa19.casimages.com/img/2010/11/15/101115070655124941.png) 85% 55% no-repeat;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
display: block;
}

a.trigger3:hover{ /* second lien ouvrir topsite*/
position: absolute;
text-decoration: none;
top: 270px; right: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#BABCCB;
padding: 40px 40px 40px 5px;
font-weight: 150;
background: url(http://nsa19.casimages.com/img/2010/11/15/101115070655124941.png) 85% 55% no-repeat;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
display: block;
}

a.active.trigger3 { /* dernier lien fermer topsite*/
background: url(http://nsa20.casimages.com/img/2010/11/15/10111507072556407.png) 85% 55% no-repeat;
}

a:focus { /* CODE Warning */
outline: none;
}

img {
border: none;
}

.panel2 { /* interieur texte */
position: absolute;
top: 30px;
right: 0;
display: none;
background: #5B5C61;
border: 2px solid #BABCCB;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
width: 150px;
height: auto;
padding: 20px 60px 20px 20px;
filter: alpha(opacity=95);
opacity: .95;
}

.panel2 p{
margin: 0;
padding: 0 0 15px 0;
color: #5B5C61;
}

.panel2 a, .panel2 a:visited{
margin: 0;
padding: 0;
color: #5B5C61;
}

.panel2 a:hover, .panel2 a:visited:hover{
margin: 0;
padding: 0;
color: #5B5C61;
}

a.trigger2{ /* premier lien ouvrir Warning */
position: absolute;
text-decoration: none;
top: 30px; right: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#BABCCB;
padding: 40px 40px 40px 5px;
font-weight: 150;
background: url(http://nsa19.casimages.com/img/2010/11/11/101111110215407832.png) 85% 55% no-repeat;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
display: block;
}

a.trigger2:hover{ /* second lien ouvrir Warning */
position: absolute;
text-decoration: none;
top: 30px; right: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#BABCCB;
padding: 40px 40px 40px 5px;
font-weight: 150;
background: url(http://nsa19.casimages.com/img/2010/11/11/101111110215407832.png) 85% 55% no-repeat;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
display: block;
}

a.active.trigger2 { /* dernier lien fermer Warning */
background: url(http://nsa19.casimages.com/img/2010/11/11/101111110243768860.png) 85% 55% no-repeat;
}

a:focus { /* CODE AMV */
outline: none;
}

img {
border: none;
}

.panel { /* interieur AMV */
position: absolute;
top: 150px;
right: 0;
display: none;
background: #5B5C61;
border: 3px solid #BABCCB;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
width: 200px;
height: auto;
padding: 20px 60px 20px 20px;
filter: alpha(opacity=95);
opacity: .95;
}

.panel p{
margin: 0;
padding: 0px 0 15px 0;
color: #5B5C61;
}

.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #5B5C61;
}

.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #5B5C61;
}

a.trigger{ /* premier lien ouvrir AMV*/
position: absolute;
text-decoration: none;
top: 150px; right: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#BABCCB;
padding: 40px 40px 40px 5px;
font-weight: 150;
background: url(http://nsa19.casimages.com/img/2010/11/11/101111113448970630.png) 85% 55% no-repeat;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
display: block;
}

a.trigger:hover{ /* second lien ouvrir AMV */
position: absolute;
text-decoration: none;
top: 150px; right: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#BABCCB;
padding: 40px 40px 40px 5px;
font-weight: 150;
background: url(http://nsa19.casimages.com/img/2010/11/11/101111113448970630.png) 85% 55% no-repeat;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
display: block;
}

a.active.trigger { /* dernier lien fermer AMV */
background: url(http://nsa19.casimages.com/img/2010/11/11/101111113911986529.png) 85% 55% no-repeat;
}

a.mainmenu
{
border-style: none!important;
}

a.forumlink {
-moz-border-radius: 4px 4px 4px 4px;
background-color:#6c6d70;
border:3px double;
color:#FAFAFA;
display:block;
margin:auto;
text-align:center;
text-decoration:none;
width:95%;
}

.forumline {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
border: 8px solid #BCBECC;
}

.cadreavatar {
border : 4px solid ivory;
-moz-border-radius: 3px 3px 3px 3px;
}

body {
background-color: #000000;
background-repeat:no-repeat
}

a.mainmenu{
font-size: 11px;
color: #ffffff;
font-variant: small-caps;
background-color: #;
text-decoration: none;
border: 2px dotted #2A5157;
-moz-border-radius: 3px;
}
a.mainmenu:hover{
font-size: 11px;
color: #ffffff;
font-variant: small-caps;
background-color: #;
text-decoration: none;
border: 2px dotted #2A5157;
-moz-border-radius: 3px;
}

.postdetails.poster-profile textarea { width: 200px;}

.statistiques{
border:0px;
background-image: url("http://i12.servimg.com/u/f12/09/02/44/64/quiest10.jpg");
background-repeat: no-repeat;
background-position: center;
height:270px;}

.groupes{
background-color:#;border: 2px #2A5157 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}

tr.post span.gensmall { display: none; } /* retire la phrase dernier modification par... */

Vous pouvez constater qu'il y a beaucoup de /* blablabla */ c'est le seul moyen que je connais pour me repérer parmis tout les codes ^^

-------------------

Ma question : est-il possible de créer une partie du forum sous forme d'onglet mais pas tout ?

J'ai vu un tuto pour faire le forum sous forme d'onglet. Moi, je serais intéréssé pour faire sous forme d'onglet que la partie RPG (pas le hors rpg). Est-ce possible ?

Si oui, je ne veux pas en discuter ici, c'est juste pour information *va réfléchir à ça plus sérieusement*

Citation :: Cette espace ce situe dans les messages et à la fin du texte. Voici un capture écran : ICI

voilà pour ta première question il me semble que cela vienne de la taille de la signature, si cet espace est aussi large.

Code:: .signature_div { /* bloquer les signatures trop grande */
overflow: auto;
width: 600px;
height: 400px;
}

height: 400px;; essayes de diminuer la hauteur pour voir Wink

Ohhh j'avais pas pensé à ça !! merci pour ton aide, c'est bien ça qui crée un espace très grand ! j'ai retiré le code du css ainsi tout va bien ! ce n'était pas nécéssaire donc tout et bon.

Merci pour ton aide !!!

Je clos le sujet pour pas encombrer et je vais chercher une réponse à ma question tranquillement ^^

de rien

[résolu]Espace indésirable dans les messages

[résolu]Espace indésirable dans les messages

Sujets similaires

Sujets similaires

Partenaires Or