Problème de CSS...
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
Problème de CSS...
Bonjour et merci d'avance à ceux qui me répondrons.
Alors, je suis fondatrice de ce forum : http://hikaridreamrpg.forumgratuit.org/forum et comme vous pouvez le voir, il y a un gros problème avec la P.A. à cause du CSS qu'il faut que je mette pour une fiche de présentation... Et qui à tout fait buguer. Evidemment si j'enlève le CSS, tout redevient normal. Le problème, c'est que je veux absolument mettre cette fiche, et que si je l'enlèves, il n'y a plus les couleurs ni rien sauf le texte. Donc, j'aimerai régler ce problème tout en réussissant à avoir la fiche et la P.A. normalement.
Voici le CSS de la P.A. et de la fiche de présentation :
Capture d'écran de la P.A. normale : https://2img.net/r/hpimg15/pics/31475298PA.png
La fiche que je souhaite obtenir : http://richiratestmoi.forumactif.fr/t1-fiche-de-presentation-rpg
J'ai évidemment tenter de rajouter des { et } où il fallait, ce qui a réussi à remettre la P.A. normalement... Mais après la fiche n'était plus comme elle devait être, donc voilà... J'espère que vous saurez m'aider
[EDIT : J'ai enlevé temporairement le CSS de la fiche de présentation le temps que j'ai une réponse et que le problème soit régler, car vu que le forum est en construction, ça gache un peu tout la P.A. comme ça...]
Alors, je suis fondatrice de ce forum : http://hikaridreamrpg.forumgratuit.org/forum et comme vous pouvez le voir, il y a un gros problème avec la P.A. à cause du CSS qu'il faut que je mette pour une fiche de présentation... Et qui à tout fait buguer. Evidemment si j'enlève le CSS, tout redevient normal. Le problème, c'est que je veux absolument mettre cette fiche, et que si je l'enlèves, il n'y a plus les couleurs ni rien sauf le texte. Donc, j'aimerai régler ce problème tout en réussissant à avoir la fiche et la P.A. normalement.
Voici le CSS de la P.A. et de la fiche de présentation :
- Code:
*DEBUT NOUVELLE PAGE D'ACCUEIL*/
/* effet de transparance image */
.transparence {
background-color: transparent;
border: none;
opacity: 0.5;
}
.transparence:hover{
background-color: transparent;
border: none;
opacity: 2;
}
/*-----------------inffobulles----------------- */
div.infobulle
{
position: relative;
float: left;
color: white;
}
div.infobulle span
{
display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover
{
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
color: black;
}
/* style de l infobulle */
div.infobulle:hover span
{
display: inline; /* on affiche l'infobulle */
position: absolute;
top: 10px; /* on positionne notre infobulle */
background-color: #CCCCCC; /* couleur du fond de l'infobulle */
color: #fff; /* couleur du texte */
padding: 3px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
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é */
text-align: center;
font-size: 14px;
border-color:#000000; /* couleur des bordures */
border-style:solid;
border-width:1px 1px 1px 1px;
}
/*-----------------Titres----------------- */
.titre{
color:#000000; /* couleur de la police */
font-weight: bold; /* épaisseur de la police en gras */
font-size: 14px; /* taille de la police */
text-align : center; /* alignement du texte */
padding: 6px; /* marge intérieur */
margin: 4px; /* marge extérieur */
margin-bottom: 5px; /* marge extérieure pour moi 5px en bas */
border-bottom: 2px dotted #000000; /* soulignement en pointillé */
}
/*-----------------Boites----------------- */
.boite{
color:#000000; /* couleur de la police */
text-align : center; /* alignement du texte */
font-size: 12px; /* taille de la police */
}
.boite1{
color:#000000; /* couleur de la police */
font-size: 12px; /* taille de la police */
}
/*-----------------Navigation----------------- */
.chatling{
padding: 4px; /* marge intérieur */
margin: 3px; /* marge extérieur */
border: 2px dotted #000000; /* soulignement en pointillé */
border-left: none;
border-right: none;
width: 190px;/* taille à ne pas toucher */
display : block;
}
/*-----------------staff----------------- */
.staff{
text-align: right; /* alignement du texte */
border-bottom: 2px solid #000000; /* bordure */
display : block;
}
/*FIN NOUVELLE PAGE D'ACCUEIL*/
/********** Fiche de Présentation **********/
.presentation
{
font-family: Georgia;
font-size: 11px;
width: 600px;
border-radius: 40px;
background-color: #e1c9b6;
padding: 10px;
color: #7e6754;
padding-bottom: 30px;
}
.titrep
{
text-align: center;
font-size: 20px;
padding-bottom: 7px;
padding-top: 10px;
border-bottom: 3px dashed #7f6959;
text-shadow: 1px 1px 1px white;
color: #563c27;
}
.soustitrep
{
font-style: italic;
margin-left: 120px;
font-size: 18px;
text-shadow: 1px 1px 1px white;
color: #7e6754;
margin-bottom: -25px;
font-family: Georgia;
}
.soustitrep2
{
font-family: Georgia;
font-style: italic;
margin-left: 50px;
font-size: 18px;
text-shadow: 1px 1px 1px white;
color: #7e6754;
margin-bottom: -25px;
}
.questionsp
{
font-size: 11px;
text-shadow: 1px 1px 1px #261c16;
color: #7e6754;
padding-left: 10px;
}
.questionsp2
{
font-size: 11px;
text-shadow: 1px 1px 1px #120904;
color: #7e6754;
padding-left: 10px;
}
.boite
{
width: 580px;
padding-top: 15px;
padding: 10px;
border-radius: 40px;
background-color: #553b2a;
}
.boite2
{
width: 580px;
padding-top: 15px;
padding: 10px;
border-radius: 20px;
background-color: #553b2a;
}
.boite3
{
height: 140px;
overflow: auto;
width: 265px;
padding-top: 15px;
padding: 10px;
border-radius: 20px;
background-color: #553b2a;
margin-right: 5px;
margin-left: 5px;
}
.boite4
{
width: 580px;
padding-top: 15px;
padding: 10px;
border-radius: 20px;
background-color: #ac9486;
}
.avatarp
{
border: 3px solid #7f6959;
border-radius: 5px;
background-color: #ffffff;
width: 100px;
height: 100px;
}
Capture d'écran de la P.A. normale : https://2img.net/r/hpimg15/pics/31475298PA.png
La fiche que je souhaite obtenir : http://richiratestmoi.forumactif.fr/t1-fiche-de-presentation-rpg
J'ai évidemment tenter de rajouter des { et } où il fallait, ce qui a réussi à remettre la P.A. normalement... Mais après la fiche n'était plus comme elle devait être, donc voilà... J'espère que vous saurez m'aider
[EDIT : J'ai enlevé temporairement le CSS de la fiche de présentation le temps que j'ai une réponse et que le problème soit régler, car vu que le forum est en construction, ça gache un peu tout la P.A. comme ça...]
Dernière édition par Mitsu2704 le Jeu 17 Mai 2012 - 19:24, édité 1 fois
Re: Problème de CSS...
Bonsoir,
Vous avez dans la PA, une class "boite" et "boite1", ainsi que dans votre fiche.
Modifier dans votre P.A + votre css, les "boite" et "boite1" en "box" et "box1" par exemple, pour que ceux ci ne soient plus confondus par votre css.
Vous avez dans la PA, une class "boite" et "boite1", ainsi que dans votre fiche.
Modifier dans votre P.A + votre css, les "boite" et "boite1" en "box" et "box1" par exemple, pour que ceux ci ne soient plus confondus par votre css.
Re: Problème de CSS...
Merci beaucoup Psyaliah, grâce à toi mon problème est tout à fait réglé !
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