Feuille CSS inactive sous FF mais OK sous IE7
Fredefri
-
geoffreyvp -
geoffreyvp -
Bonjour,
Je suis en cours de programmation d'un website dedia a la photo. J'obtiens exactement, a force de recherche sur les forums et dans les tutos, la mise en page que j'avais en tete lorsque je me suis lance dans ce projet. Toutes mes pages ont ete testees suos IE7 et fonctionennt parfaitement sous tout rapport.
Toutefois, il y a peu, j'ai voulu tester sous FF et cette fois seule la page HTML brute etait chargee, la feuillle de style CSS n'est pas prise en compte, ni les couleurs de police ou de background, ni la police, ni la mise en page ou quoi que ce soit d'autre issu du CSS n'est actif. Les images ou leur id des images n'apparaissent meme pas alors que, je le repete, sous IE, tout se passe tres bien.
Code CSS:
body
{
background-color: black;
}
p
{
font-size: 18px;
text-indent: 40px;
width: 550px;
margin: auto;
background-color: black;
color: silver;
font-family:"Agency FB", "Gill Sans MT Ext Condensed","Gill Sans MT Condensed", "Tw Cen MT Condensed", "Arial Narrow", Calibri, "Tw Cen MT", Candara, "Century Gothic", Arial, "Times New Roman";
}
a
{
color:silver;
text-decoration:none;
}
a:hover
{
color:gray;
}
.bordure
{
border-style : solid ;
border-color : silver;
border-width : 1px;
padding:30px;
}
h1,h2,h3,h4,h5,h6
{
background-color: black;
color: silver;
font-family:"Agency FB", "Gill Sans MT Ext Condensed","Gill Sans MT Condensed", "Tw Cen MT Condensed", "Arial Narrow", Calibri, "Tw Cen MT", Candara, "Century Gothic", Arial, "Times New Roman";
}
caption
{
margin: auto;
font-family:"Agency FB", "Gill Sans MT Ext Condensed","Gill Sans MT Condensed", "Tw Cen MT Condensed", "Arial Narrow", Calibri, "Tw Cen MT", Candara, "Century Gothic", Arial, "Times New Roman";
font-size: 18px;
color: #CCCCCC;
margin-bottom: 20px;
}
table
{
margin: auto;
border-style : solid ;
border-color : black;
border-width : 1px;
border-collapse: collapse;
}
th
{
background-color: black;
color: #CCCCCC;
font-size: 18px;
font-weight: bold;
font-family:"Agency FB", "Gill Sans MT Ext Condensed","Gill Sans MT Condensed", "Tw Cen MT Condensed", "Arial Narrow", Calibri, "Tw Cen MT", Candara, "Century Gothic", Arial, "Times New Roman";
}
td
{
background-color: black;
border-style : solid ;
border-color : black;
border-width : 1px;
font-family: "Agency FB", "Gill Sans MT Ext Condensed","Gill Sans MT Condensed", "Tw Cen MT Condensed", "Arial Narrow", Calibri, "Tw Cen MT", Candara, "Century Gothic", Arial, "Times New Roman";
font-color: #CCCCCC;
text-align: center;
padding: 5px;
}
Apercu du code HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>:: HOME - www.monsite.com ::</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="C:/Desktop/Website/Styles/design.css"/>
</head>
<body>
MONSITE.COM
</body>
</html>
Quelle erreur explique que FF ne fasse pas appel au CSS? Faut-il ajouter un code specifique a FF ou bien la syntaxe faisant appel a la feuillle de style est elle erronee?
Merci a tous ceux qui voudront bien se pencher sur mon probleme
Ciao
Je suis en cours de programmation d'un website dedia a la photo. J'obtiens exactement, a force de recherche sur les forums et dans les tutos, la mise en page que j'avais en tete lorsque je me suis lance dans ce projet. Toutes mes pages ont ete testees suos IE7 et fonctionennt parfaitement sous tout rapport.
Toutefois, il y a peu, j'ai voulu tester sous FF et cette fois seule la page HTML brute etait chargee, la feuillle de style CSS n'est pas prise en compte, ni les couleurs de police ou de background, ni la police, ni la mise en page ou quoi que ce soit d'autre issu du CSS n'est actif. Les images ou leur id des images n'apparaissent meme pas alors que, je le repete, sous IE, tout se passe tres bien.
Code CSS:
body
{
background-color: black;
}
p
{
font-size: 18px;
text-indent: 40px;
width: 550px;
margin: auto;
background-color: black;
color: silver;
font-family:"Agency FB", "Gill Sans MT Ext Condensed","Gill Sans MT Condensed", "Tw Cen MT Condensed", "Arial Narrow", Calibri, "Tw Cen MT", Candara, "Century Gothic", Arial, "Times New Roman";
}
a
{
color:silver;
text-decoration:none;
}
a:hover
{
color:gray;
}
.bordure
{
border-style : solid ;
border-color : silver;
border-width : 1px;
padding:30px;
}
h1,h2,h3,h4,h5,h6
{
background-color: black;
color: silver;
font-family:"Agency FB", "Gill Sans MT Ext Condensed","Gill Sans MT Condensed", "Tw Cen MT Condensed", "Arial Narrow", Calibri, "Tw Cen MT", Candara, "Century Gothic", Arial, "Times New Roman";
}
caption
{
margin: auto;
font-family:"Agency FB", "Gill Sans MT Ext Condensed","Gill Sans MT Condensed", "Tw Cen MT Condensed", "Arial Narrow", Calibri, "Tw Cen MT", Candara, "Century Gothic", Arial, "Times New Roman";
font-size: 18px;
color: #CCCCCC;
margin-bottom: 20px;
}
table
{
margin: auto;
border-style : solid ;
border-color : black;
border-width : 1px;
border-collapse: collapse;
}
th
{
background-color: black;
color: #CCCCCC;
font-size: 18px;
font-weight: bold;
font-family:"Agency FB", "Gill Sans MT Ext Condensed","Gill Sans MT Condensed", "Tw Cen MT Condensed", "Arial Narrow", Calibri, "Tw Cen MT", Candara, "Century Gothic", Arial, "Times New Roman";
}
td
{
background-color: black;
border-style : solid ;
border-color : black;
border-width : 1px;
font-family: "Agency FB", "Gill Sans MT Ext Condensed","Gill Sans MT Condensed", "Tw Cen MT Condensed", "Arial Narrow", Calibri, "Tw Cen MT", Candara, "Century Gothic", Arial, "Times New Roman";
font-color: #CCCCCC;
text-align: center;
padding: 5px;
}
Apercu du code HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>:: HOME - www.monsite.com ::</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="C:/Desktop/Website/Styles/design.css"/>
</head>
<body>
MONSITE.COM
</body>
</html>
Quelle erreur explique que FF ne fasse pas appel au CSS? Faut-il ajouter un code specifique a FF ou bien la syntaxe faisant appel a la feuillle de style est elle erronee?
Merci a tous ceux qui voudront bien se pencher sur mon probleme
Ciao
A voir également:
- Feuille CSS inactive sous FF mais OK sous IE7
- Bruler feuille de laurier - Guide
- Feuille de pointage excel - Télécharger - Tableur
- Feuille a5 - Guide
- Erreur 20 ff free - Forum Freebox
- Freebox erreur 20-ff - Forum Freebox
4 réponses
simple tu fais appelle à feuille css
C:/Desktop/Website/Styles/design.css
tu ne peux pas appeler une feuille interne à l'ordi
il faut un lien http://....
ou juste un lien relatif
C:/Desktop/Website/Styles/design.css
tu ne peux pas appeler une feuille interne à l'ordi
il faut un lien http://....
ou juste un lien relatif
Slt,
Supprime tous les guillemets.
font-family: Agency FB, Gill Sans MT Ext Condensed, Gill Sans MT Condensed, Tw Cen MT Condensed, Arial Narrow, Calibri, Tw Cen MT, Candara, Century Gothic, Arial, Times New Roman;
Supprime tous les guillemets.
font-family: Agency FB, Gill Sans MT Ext Condensed, Gill Sans MT Condensed, Tw Cen MT Condensed, Arial Narrow, Calibri, Tw Cen MT, Candara, Century Gothic, Arial, Times New Roman;
slt, mais ou a tu apris le html?
regarde ce bout de code de tres pres
:
<head>
<title>:: HOME - www.monsite.com ::</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="C:/Desktop/Website/Styles/design.css"/>
</head>
alors primos donne le meme nom dans title de ton fichier. !!!!!!!"design" et non "Design"!!!!!!!!FF peut ne pas comprendre.
et EST CE QU'ON MET UN LIEN DE TON DISQUE DUR SUR INTERNET.non mets c'est pas normal quand meme tout ca
tu envoie sur le serveur FTP ton ficheir et TU DONNE un CODE COMME CA( href="design.css")
voila
ouf ca fait du bien de se destresser
regarde ce bout de code de tres pres
:
<head>
<title>:: HOME - www.monsite.com ::</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="C:/Desktop/Website/Styles/design.css"/>
</head>
alors primos donne le meme nom dans title de ton fichier. !!!!!!!"design" et non "Design"!!!!!!!!FF peut ne pas comprendre.
et EST CE QU'ON MET UN LIEN DE TON DISQUE DUR SUR INTERNET.non mets c'est pas normal quand meme tout ca
tu envoie sur le serveur FTP ton ficheir et TU DONNE un CODE COMME CA( href="design.css")
voila
ouf ca fait du bien de se destresser
Malheureusement ca n'a eu aucun effet. On m'a egalement suggere de retirer le title dans l'element LINK mais là non plus, ca n'a pas resolu mon pb.