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
Configuration: Laptop Acer / Windows Vista / Internet Explorer 7.0
Centrer une image css
