Bonjour à tous, je fais de nouveau appel à vous, car j'ai un problème sur mon forum, les messages sont illisibles, pour être plus précis, la couleur de la police c'est mis de la même couleur que le fond du message.
Voila deux screen, un ou le message est normal, et donc illisible, et un ou il est en mode éditer, et donc ou on voit le message :
Normal :
et pourtant, dans mon Panneau d'administration, la couleur du texte est plus vers le gris
preuve en image :
voila également mon css si sa peut vous aider :
CSS :
Voila deux screen, un ou le message est normal, et donc illisible, et un ou il est en mode éditer, et donc ou on voit le message :
Normal :
- Spoiler:
- Spoiler:
et pourtant, dans mon Panneau d'administration, la couleur du texte est plus vers le gris
preuve en image :
- Spoiler:
voila également mon css si sa peut vous aider :
CSS :
- Spoiler:
- Code:
body {
background-repeat: no-repeat;
}
a.forumlink {
text-align: center;
text-decoration: none;
background-color: transparent;
border-bottom: 2px double #ffffff;
border-top: 2px double #ffffff;
-moz-border-radius: 10px ;
border-right: 5px solid #ffffff;
-moz-border-radius: 10px ;
border-left: 5px solid #ffffff;
display:block;
}
/* debut boutons monter descendre */
.top_bottom{
position: fixed;
bottom: 50px;
right: 0px;
background-color:#212121;
background-image:
-moz-linear-gradient(
top,
rgba(255,255,255,0.25),
rgba(255,255,255,0.05)
);
background-image:
-webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, rgba(255,255,255,0.25)),
color-stop(1, rgba(255,255,255,0.05))
);
border:1px solid #111;
-moz-border-radius: 9px 0px 0px 9px;
-webkit-border-radius: 9px 0px 0px 9px;
border-radius: 9px 0px 0px 9px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
z-index: 999;
padding: 8px;
}
.top_bottom:hover{
-moz-box-shadow: 1px 1px 5px #00ff54;
-webkit-box-shadow: 1px 1px 5px #00ff54;
box-shadow: 1px 1px 5px #00ff54;
}
.haut{width:18px; height:22px; background:url(http://i65.servimg.com/u/f65/11/95/30/70/2310.png) no-repeat 0 0;}
.haut:hover{background:url(http://i65.servimg.com/u/f65/11/95/30/70/2310.png) no-repeat 0 -22px;}
.bas{width:18px; height:22px; background:url(http://i65.servimg.com/u/f65/11/95/30/70/2412.png) no-repeat 0 0;}
.bas:hover{background:url(http://i65.servimg.com/u/f65/11/95/30/70/2412.png) no-repeat 0 -22px;}
/* fin boutons monter descendre */
/*DEBUT NOUVELLE PAGE D'ACCUEIL*/
.paonglet
{
display:inline-block;
border: 1px solid #FFFFFF;
padding:10px;
cursor:pointer;
background-image: url('http://img11.hostingpics.net/pics/308079fondwoth.png');
color: #fff;
font-size: 14px;
}
.paonglet_0
{
border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
}
.paonglet_1
{
color: #FFFFFF;
border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
}
.contenu_paonglet
{
margin-top:-1px;
padding: 2px;
display:none;
height: 370px;
}
/*-----------------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:#FFFFFF; /* couleur des bordures */
border-style:solid;
border-width:1px 1px 1px 1px;
}
/*-----------------Titres----------------- */
.titrepawh{
color:#091A40 ; /* 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: 1px dotted #ffffff; /* bordure */
display : block;
}
.titrepawh2{
font-size: 14px; /* taille de la police */
text-align : center; /* alignement du texte */
color:#fff; /* couleur de la police */
display : block;
}
/*-----------------Navigation----------------- */
.boitenavi{
color : #233D75;/* couleur de la police */
border: 1px solid #ffffff; /* bordure */
background-image: url('http://img11.hostingpics.net/pics/610599fondwoth2.png');
text-align : center; /* alignement du texte */
margin : 5px; /* marge extérieur */
padding: 4px; /* marge intérieur */
font-size: 12px; /* taille de la police */
}
.chatling{
background-image: url('http://img11.hostingpics.net/pics/308079fondwoth.png');
padding: 4px; /* marge intérieur */
margin: 3px; /* marge extérieur */
border-left: none;
border-right: none;
width: 190px;/* taille à ne pas toucher */
display : block;
}
/*-----------------Animation----------------- */
.boitenconcour{
color : #9FCFD1; /* couleur de la police */
background-color: #CCCCCC;
border: 1px solid #ffffff; /* bordure */
text-align : center; /* alignement du texte */
margin : 5px; /* marge extérieur */
padding: 4px; /* marge intérieur */
height: 200px;
}
/*-----------------Staff----------------- */
.boitestaff{
color : #9FCFD1; /* couleur de la police */
background-image: url('http://img11.hostingpics.net/pics/610599fondwoth2.png');
border: 1px solid #ffffff; /* bordure */
text-align : center; /* alignement du texte */
margin : 5px; /* marge extérieur */
padding: 4px; /* marge intérieur */
height: 200px;
font-size: 12px; /* taille de la police */
}
/*FIN NOUVELLE PAGE D'ACCUEIL*/
/* boite connexion */
a #login_form{
text-decoration: none;
}
#login_form {
margin: 0;
padding: 0;
}
#login_boite input { /* boite de reponse */
background-color:#ededed;
color: #000;
width: 110px;
padding: 2px;
border: 1px solid #000;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 0px 0px 1px #000;
-webkit-box-shadow: 0px 0px 1px #000;
box-shadow: 0px 0px 1px #000;
}
#login_boite label { /* texte de droite */
color: #fff;
font-size: 14px;
font-family: Arial,Times New Roman;
width: 130px;
padding: 2px;
text-shadow: 1px 1px 1px #000;
}
#login_boite label:hover{ /* texte de droite au survol */
color: #9de00c;
}
#login_boite #submit { /* est le bouton connexion*/
background: url("http://i25.servimg.com/u/f25/11/95/30/70/t410.jpg") #404040 top ;
width: 200px;
padding: 3px;
border: 1px solid #000;
font-size: 15px;
color: #000f1c;
font-weight: bold;
cursor: pointer;
margin: 0 auto;
margin-top: 10px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 0px 0px 1px #000;
-webkit-box-shadow: 0px 0px 1px #000;
box-shadow: 0px 0px 1px #000;
text-shadow: 1px 0px 1px #fff;
}
#login_boite #submit:hover { /* est le bouton connexion survole */
background-image: url("http://i25.servimg.com/u/f25/11/95/30/70/513.jpg") !important;
color: #002849;
}
#login_boite{ /* est le panneau qui va s'ouvrir */
background: url("http://i25.servimg.com/u/f25/11/95/30/70/mm12.jpg") #000;
margin: 0 auto;
margin-top: -1px;
width: 250px;
/min-height: 10px;
padding: 10px;
border: 1px solid #707070;
-webkit-border-radius: 0px 0px 15px 15px;
-moz-border-radius: 0px 0px 15px 15px;
border-radius: 0px 0px 15px 15px;
-moz-box-shadow: 0px 0px 5px #000;
-webkit-box-shadow: 0px 0px 5px #000;
box-shadow: 0px 0px 5px #000;
display: none;
}
.bouton_ouverture{ /* se connecter (partie texte)*/
font-family:Verdana, Helvetica, sans-serif;
text-align: center;
font-size: 14px;
text-decoration: none !important;
color: #70a400 !important;
uppercase: 1px;
text-shadow: 1px 0px 1px #000;
}
.bouton_ouverture:hover { /* se connecter (partie texte) au survol */
color: #9de00c !important;
uppercase: 2px;
text-decoration: none !important;
text-shadow: 1px 0px 1px #000;
}
.bouton_ouverture{ /* est le bouton se connecter */
background: url("http://i25.servimg.com/u/f25/11/95/30/70/mm12.jpg" ) #ff0000 center ;
width: 120px;
height: 25px;/min-height: 10px;
border: 1px solid #707070;
border-top: 0px;
display: block;
margin: 0 auto;
padding: 4px;
-webkit-border-radius: 0px 0px 15px 15px;
-moz-border-radius: 0px 0px 15px 15px;
border-radius: 0px 0px 15px 15px;
-moz-box-shadow: 0px 1px 5px #000;
-webkit-box-shadow: 0px 1px 5px #000;
box-shadow: 0px 1px 5px #000;
}
/* fin boite de connexion */
