Problème de CSS...

2 participants

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

Résolu Problème de CSS...

Message par Mitsu2704 Jeu 17 Mai 2012 - 18:45

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 :

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 Smile

[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
avatar

Mitsu2704
Nouveau membre

Messages : 2
Inscrit(e) le : 17/05/2012

http://hikaridreamrpg.forumgratuit.org
Mitsu2704 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de CSS...

Message par Psyaliah Jeu 17 Mai 2012 - 19:18

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. Smile
Psyaliah

Psyaliah
Membre habitué

Féminin
Messages : 1281
Inscrit(e) le : 22/12/2011

https://forum.forumactif.com/
Psyaliah a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème de CSS...

Message par Mitsu2704 Jeu 17 Mai 2012 - 19:24

Merci beaucoup Psyaliah, grâce à toi mon problème est tout à fait réglé ! Smile
avatar

Mitsu2704
Nouveau membre

Messages : 2
Inscrit(e) le : 17/05/2012

http://hikaridreamrpg.forumgratuit.org
Mitsu2704 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum