Bonjour à tous,
Comme dit dans le titre, et après avoir potassé le livre CSS 2 - sans doute pas assez encore - je suis arrivé à la phase finale de création d'un projet complet en XHTML , ce qui constitue un très bon exercice récapitulatif.
Mes outils : HTML Kit et TopStyle Lite que j'ai découvert grâce à ce forum notamment.
Pour rentrer dans le vif du sujet, j'en suis au début de la création du projet qui doit selon tout vraisemblance ressembler à ça http://www.alsacreations.com/livre/
Je suis donc à l'étape de la cration du header : le problème que je recontre et que :
1) sous IE , le header s'affiche sans souci
2) sous Firefox (version 1.5.0.1) absolument rien ne s'affiche !
HTML-Kit propose une preview " explorer mode " et " Gecko mode": je retrouve axctement le même problème , ça passe sous explorer mais pas sous gecko ....
a toutres fins utiles , je colle ici même le code HTML de la page puis celui de ma feuille CSS.
CSS:
Voilà, merci de me dire ce qui cloche car je crois avoir suivi ce qui est écrit dans le livre mais vue qu'en ce moment je suis un peu fatigué , il se peut que quelque chose m'echappe
Comme dit dans le titre, et après avoir potassé le livre CSS 2 - sans doute pas assez encore - je suis arrivé à la phase finale de création d'un projet complet en XHTML , ce qui constitue un très bon exercice récapitulatif.
Mes outils : HTML Kit et TopStyle Lite que j'ai découvert grâce à ce forum notamment.
Pour rentrer dans le vif du sujet, j'en suis au début de la création du projet qui doit selon tout vraisemblance ressembler à ça http://www.alsacreations.com/livre/
Je suis donc à l'étape de la cration du header : le problème que je recontre et que :
1) sous IE , le header s'affiche sans souci
2) sous Firefox (version 1.5.0.1) absolument rien ne s'affiche !
HTML-Kit propose une preview " explorer mode " et " Gecko mode": je retrouve axctement le même problème , ça passe sous explorer mais pas sous gecko ....
a toutres fins utiles , je colle ici même le code HTML de la page puis celui de ma feuille CSS.
?xml version="1.0" encoding="UTF-8"?>
<!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" lang="fr">
<head>
<title>Alsacacréations, le livre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="styles.css" media="screen" />
</head>
<body>
<div id="header">
<h1>Alsacréations, le livre</h1>
<p>Concevoir des sites Web modernes avec HTML et CSS</p>
</div>
</body>
</html> CSS:
body {
margin:0;
padding: 0;
background: White;
color: Black;
font-size: 80%;
font-family: "Bistream Vera Sans", Verdana, Arial, Helvetica, serif;
}
#header {
height: 100px;
background: #97C05F url(Mes images/banniere.jpg) no-repeat top left;
}
#header img {
float: right;
margin: 5px 5px 0 0;
background-image: url(Mes images/livre.gif);
}
#header h1 {
text-indent: -5000px;
margin: 0;
line-height: 0;
}
#header p {
margin: 45px 0 0 200px;
font-weight: bold;
color: white;
font-size: 1.1em;
} Voilà, merci de me dire ce qui cloche car je crois avoir suivi ce qui est écrit dans le livre mais vue qu'en ce moment je suis un peu fatigué , il se peut que quelque chose m'echappe
