Probleme de couleurs de police sous Firefox

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Probleme de couleurs de police sous Firefox

KahL

Bonjour, j'ai expérimenté un probleme bizarre sous Firefox (et qui marche tres bien sous IE) :
les couleurs de police définies dans un CSS ne passe pas sous Firefox, en l'occurence sur un site en fond noir, le texte devait apparaitre en blanc et il était en fait noir ... donc on ne voyait rien du coup !
Alors qu'en mettant un bête style="color:white;" dans la balise concernée, tout passe nickel !
Y a-t-il une formalisation particulière pour que ça soit bien pris en compte sous Firefox ???
Merci bien pour votre aide

Publicité

gebruik

Problème d'héritage, mais si tu ne nous communiques pas le code, ça va être difficile de te répondre.

KahL

Oki ... pardon, c'était au cas où c'est un bug connu ^^
Voila le code :
dans le CSS

Code :

p.news-date {color:#FFFFFF; font-family:Arial; font-size:10px; margin: 2px 0px 0px 0px;}

et dans le PHP

Code :

<p class="news-date"><?php echo $date; ?></p>

le css est bien inclus en en-tete de PHP :
<link rel="stylesheet" href="defs.css" type="text/css">
ça c'est un exemple mais il y a plusieurs autres endroits où ça marche pas !
ce qui est bizarre, c'est qu'à d'autres endroits, le lien CSS fonctionne bien !

Message édité par KahL le 27-07-2006 à 09:25:10

gatsu35

Blablaté par Harko

on va faire simple
tu colles le code complet de ta CSS
et tu colles le code complet de ton fichier HTML une fois généré.
tu peux tres bien avoir oublié un bout de code dans ta CSS

KahL

Ok

CSS :

Code :

td {text-align: left; vertical-align: top;}
b {font-weight: bold;}
/* links */
a:link, a:visited, a:active {color: #FFBA00; text-decoration: none;}
a:hover {text-decoration: underline;}
a.inv:link, a.inv:visited, a.inv:active {color: #298F00; text-decoration: none;}
a.inv:hover {color: #FF9600;}
a.intxt:link, a.intxt:visited, a.intxt:active {color: #555; text-decoration: none;}
a.intxt:hover {text-decoration: underline;}
img {border: 0);
/* colors */
.wh {color: #FFFFFF;}
.blk {color: #000000;}
.gry {color: #888888;}
.blu {color: #38318A;}
/* header */
table.header td {background: #383838;}
table.header td.div {background: #383838 url(gfx/div-dash.gif) repeat-y;}
div.menu-item, div.menu-item-sel,
div.menu-itemhi, div.menu-itemhi-sel {text-align: center; vertical-align:bottom; width: 104px; height: 69px; behavior: url(js/htf-selectmenuitem.htc); -moz-binding: url(js/xbl-selectmenuitem.xml#selectmenuitem);}
div.menu-item img {margin: 48px 0px 0px 0px;}
div.menu-item-sel img {margin: 34px 0px 0px 0px;}
div.menu-itemhi img {margin: 37px 0px 0px 0px;}
div.menu-itemhi-sel img {margin: 23px 0px 0px 0px;}
div.menu-item-sel, div.menu-itemhi-sel {background: url(gfx/back-menu-sel.gif) repeat-x;}
/* fonts */
td, div, p, dd, dl {color: #FFF; font-size: 11px; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;}
p {margin: 10px 0px 0px 0px; line-height: 16px;}
h1 {font-weight: bold; margin: 10px 0px 0px 0px; font-size: 16px;}
h2 {font-weight: bold; margin: 0px 0px 10px 0px; font-size: 14px;}
/* main */
td.div-dash {background: url(gfx/div-dash.gif) repeat-y;}
img.div-dash1 {background: url(gfx/div-dash1.gif) repeat-x; margin: 4px 0px 4px 0px;}
img.div-dash2 {background: url(gfx/div-dash1.gif) repeat-x; margin: 10px 0px 10px 0px; width: 50px;}
p.news-hd {font-weight: bold;}
p.news-date {font-family: Arial; color:#FFFFFF; font-size:10px; margin: 2px 0px 0px 0px;}
p.news-lead {font-family: Arial; color:#FFFFFF; font-size:12px; margin: 10px 0px 0px 0px; line-height: 15px;}
img.news {border: #383838 7px solid; margin: 2px 0px 4px 16px; float:right;}
img.news1 {border: #383838 7px solid; margin-top: 20px;}
div.rcol {padding: 0px 20px 0px 0px; text-align: right;}
div.ccol {padding: 6px 100px 50px 20px;}
div.ccol1 {padding: 6px 20px 50px 20px;}
img.coll {border: #383838 7px solid; margin: 2px 16px 4px 0px;}
img.coll1 {border: #383838 7px solid;}
br.nofloat {style: no-float;}
/* forms */
form {margin: 0px;}
input, textarea, select {background: #383838; border: 1px solid #777; padding-left: 3px; color: #FFF; font: 11px Verdana, Tahoma, "Arial CE", Arial, Helvetica, sans-serif;}
input.submit {font-family: Tahoma, Arial, Helvetica, sans-serif;}
textarea {overflow: auto;}
input.btn {border-width: 0px; padding: 2px; color: #000; background: #CCC;}
table.ccol-form td {font: 11px/16px Verdana, Tahoma, "Arial CE", Arial, Helvetica, sans-serif;}
table.ccol-form td.descr {text-align: right;}
table.ccol-form td input.btn {padding-left: 0px; border: 0px;}

et PHP :

Code :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="description" content="Créateur de vos dessus-dessous, lingerie pour homme et femme, prêt-à-porter. Des collections créatives, sensuelles et élégantes. Le style imaginé pour vous">
<meta name="keywords" content="loceanic, oceanic,ocean,creation, creations, chics, dessous, lingerie, body look,manufacturer of lingerie fabrics in eu, market of intimates, nightwear, unterwäsche, underwear, underclothes, urban underwear, wäsche, clothes, damen bekleidung, ladys wear, lingerie, damenwäsche,herren bekleidung, men s wear,herrenwäsche,mode , fashion,bh,büstenhalter, push- up bra,t-shirt, t-shirts,slip,shorty,unterhose,nachthemden,pyjama,schlafanzug,schlüpfer,tanger,mieder,unterhemd,erotische wasche,erotic clothes,erotische bekleidung,neglige,qualitätswaren,quality goods,quality wears,qualitätskleidung,vernünftige preise,franzosische mode,inspiration,reasonable prices,french fashion,soutien-gorge,strings, g-string,string tanger,taille unique,fabricants, technicite et mode,societe entreprise,la rochelle,lingerie homme,lingerie femme,lingerie,push up,tanga,shorty,debardeur ,top,t-shirt,caraco,soutien-gorge,string,slip,taille unique,fabricant,vente,vente en gros,vente en detail,grossiste,distribution,vetements,pret a porter,habillement,fabrication,tissus,soie,microfibre,dentelle,coton,broderie,createur lingerie,vente directe,dessus,dessous,pyjama,sous vetement, show room, représentant, grossiste, Poitou-Charentes, Charente-Maritime, détaillant, vente directe">
<meta http-equiv="content-language" content="fr">
<meta name="robots" content="all">
<title>Locéanic-Créations: Créateur de lingerie et prêt-à-porter pour femme et homme</title>
<link rel="stylesheet" href="defs.css" type="text/css">
<script language="JavaScript" src="js/jsf-main.js"></script>
<script language="JavaScript" type="text/javascript">
<!--
if (document.all) document.writeln('<link rel="stylesheet" href="defs-ie.css" type="text/css">');
else if (document.getElementById) document.writeln('<link rel="stylesheet" href="defs-nn.css" type="text/css">');
pageid = new PageID(0);
function init() {}
//-->
</script>
</head>
<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="init(); initMain();">
<script src="AC_RunActiveContent.js" type="text/javascript"></script>
<script language="JavaScript" src="js/ft-header-fr.js"></script>
<div style="display:none;">Loceanic-Creation: manufacturer of lingerie fabrics in EU.</div>
<div style="display:none;">loceanic, oceanic,ocean,creation, creations, chics, dessous, lingerie, body look,manufacturer of lingerie fabrics in eu, market of intimates, nightwear, unterwäsche, underwear, underclothes, urban underwear, wäsche, clothes, damen bekleidung, ladys wear, lingerie, damenwäsche,herren bekleidung, men s wear,herrenwäsche,mode , fashion,bh,büstenhalter, push- up bra,t-shirt, t-shirts,slip,shorty,unterhose,nachthemden,pyjama,schlafanzug,schlüpfer,tanger,mieder,unterhemd,erotische wasche,erotic clothes,erotische bekleidung,neglige,qualitätswaren,quality goods,quality wears,qualitätskleidung,vernünftige preise,franzosische mode,inspiration,reasonable prices,french fashion,soutien-gorge,strings, g-string,string tanger,taille unique,fabricants, technicite et mode,societe entreprise,la rochelle,lingerie homme,lingerie femme,lingerie,push up,tanga,shorty,debardeur ,top,t-shirt,caraco,soutien-gorge,string,slip,taille unique,fabricant,vente,vente en gros,vente en detail,grossiste,distribution,vetements,pret a porter,habillement,fabrication,tissus,soie,microfibre,dentelle,coton,broderie,createur lingerie,vente directe,dessus,dessous,pyjama,sous vetement, show room</div>
<div style="width: 700px;"><div style="padding: 12px 15px 15px 15px; background: #383838;">
<div style="text-align: right; margin-bottom: 6px;">Sélection langue <a href="index-fr.php"><img src="gfx/flag-fr_.gif" alt="française" width="22" height="14" border="0"></a> <a href="index-de.php"><img src="gfx/flag-de.gif" alt="deutsch" width="22" height="14" border="0"></a> <a href="index-en.php"><img src="gfx/flag-en.gif" alt="english" width="22" height="14" border="0"></a></div>
<script type="text/javascript">AC_FL_RunContent('codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','500','height','395','src','video/video','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','video/video' );</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="500" height="395">
<param name="movie" value="video/video.swf">
<param name="quality" value="high">
<embed src="video/video.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="500" height="395"></embed>
</object>
</noscript>
</div></div>
<br><br>
<table width="700" border="0" cellspacing="0" cellpadding="0"><tr><td width="50%">
<img src="gfx/txt-ourorigins-fr.gif" alt="où sommes-nous"><br>
<a href="aboutus-fr.html"><img src="gfx/front-mapka-2.gif" alt="qui sommes-nous"></a>
</td><td class="div-dash"><img src="gfx/px.gif" width="1" height="1"><br></td><td width="50%" style="padding-left: 15px;">
<a href="news.php?lang=fr"><img src="gfx/txt-news-fr.gif" alt="actualités"></a><br>
<?php
include"mysql.php";
$db= new DB();
$db->query("select * from news where lang='fr' order by datenews desc" );
$db->close();
if($db->num_rows())
{
$row = $db->next_record();
$date = explode(" ", $row['datenews']);
$d = explode("-",$date[0]);
$date = $d[2]."/".$d[1]."/".$d[0];
$titre = $row['titre'];
$txt = $row['txt'];
?>
<p class="news-hd"><a href="news.php?datenews=<?php echo $row['datenews']; ?>&lang=fr"><?php echo stripslashes($titre); ?></a></p>
<p class="news-date"><?php echo $date; ?></p>
<p class="news-lead">
<?php echo stripslashes(substr($txt,0,300)); ?> [...]<br>
<a href="news.php?datenews=<?php echo $row['datenews']; ?>&lang=fr">[en savoir plus]</a>
</p>
<?php
}
else
{
echo "Aucune actualité actuellement.";
}
?>
</td></tr></table>
<script language="JavaScript" src="js/ft-footer.js"></script>
</body></html>

là où ça marche pas c'est pour les balise < p > avec les classes css news-date et news-lead ... avec les autres ça fonctionne !!!

mIRROR

Chevreuillobolchévik

img {border: 0);
il suffisait juste de faire valider ta feuille de style pour trouver l erreur
voila l adresse
http://jigsaw.w3.org/css-validator/

KahL

Ok super merci beaucoup j'y penserai la prochaine fois
Je voudrais juste préciser que le code n'est pas de moi et que j'ai repris le site pour y rajouter "des bouts", et évidement j'ai pas eu beaucoup de temps pour refaire toutes les vérifs d'usage sur la programmation de base ... malheureusement !
Encore merci pour le coup de main

mIRROR

Chevreuillobolchévik

tu n aurais pas eu ce probleme avec une bonne coloration syntaxique
tu utilises quoi comme editeur de texte ?

KahL

dreamweaver !!! mais je l'utilise qu'en éditeur de texte parce que le mode graphique est archi nul de mon point de vue de codeur !
tu me conseillerais quoi sinon ?

Message édité par KahL le 27-07-2006 à 15:54:23

mIRROR

Chevreuillobolchévik

bah dreamweaver est bien et il souligne bien la faute

Publicité

KahL

euh ben pas chez moi ... il met aucune erreur dessus !!!???
je l'ai peut être mal paramétré ?

Message édité par KahL le 27-07-2006 à 17:22:24

mIRROR

Chevreuillobolchévik

normalement le .wh s'affiche d une autre couleur

KahL

le .wh ???? kézako ?

mIRROR

Chevreuillobolchévik

KahL

ah pardon désolé j'avais mm pas vu qu'il y avait ça dedans
et bien chez moi il est bien en rose comme les autres !!!
honnêtement, si c'était que de moi, et surtout si j'avais le temps, je reprendrai tout le site pour le recoder, parce que c'est un vrai catastrophe pour s'y retrouver ... ya la moitié des trucs dont je ne vois pas l'utilité, mais bon : /
bon tant pis .... je ferai plus confiance au validateur (ouh le vilain anglissisme ^^) CSS du W3C plutot qu'à copain dreamweaver
ce que je trouve bien pratique avec dream, c'est l'auto-completion (je crois que c'est le bon terme ) qui me fait gagner pas mal de temps des fois

Message édité par KahL le 27-07-2006 à 18:24:35

FORUM HardWare.fr

Programmation

HTML/CSS

Probleme de couleurs de police sous Firefox

Sujets relatifs
Problème de couleur de fond dans newsletter avec Cybernewsletter !!!	[resolu] problème d'affichage d'images sous IE
Problème avec les vectors	[Flash/AS] problème d'affichage avec Firefox
probleme avec des menus deroulants	Modélisation d'un problème à l'aide d'un programme informatique
Problème calques/css sous ie	[VC++6/MFC] Problème de Child Dialog
Problème avec les variables get
Plus de sujets relatifs à : Probleme de couleurs de police sous Firefox

Page générée en 0.164 secondes