Fond d'écran en CSS

Marsh Posté le 24-07-2008 à 22:10:21

Bonjour, voilà en fait je dois concevoir un site internet pour une entreprise et venant d'apprendre le HTML ET LE CSS sur le tas je galère un peu :pt1cable:
Mon Problème j'essaie d'insérer une image en fond d'écran mais le fond ne s'affiche pas il n'y a que le code, je ne vois pas l'erreur :??: LA LIGNE DU FOND EST EN ROUGE !

Je vous donne la feuille (sommaire.html) merci de m'aider, j'aimerais aussi faire un menu déroulant sur la gauche si quelqu'un a des tutos sur le menu ou des codes .

Merci d'avance [:chkevchkoutte]

<!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" >
body {
background-image: url(images/Socopra cuisin'parfaite P1.JPG);
background-repeat: no-repeat;
}
<head>
<title>Cuisin' Parfaite</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Exemple" href="exemple.css" />
</head>
<body>

<p>
<center><img src="images/logo cuisin' parfaite noir.JPG"/></center>
<right><img src="images/fête ses 1 an.png"/></right>
<br/>

<center><strong>BIENVENUE SUR LE SITE DE CUISIN' PARFAITE !</center></strong>
</p>
</body>
</html>

Message cité 1 fois
Message édité par Elmoricq le 24-07-2008 à 23:18:43

Reply

Marsh Posté le 24-07-2008 à 22:10:21

Reply

Marsh Posté le 24-07-2008 à 23:05:22

steevo66 a écrit :

Bonjour, voilà en fait je dois concevoir un site internet pour une entreprise et venant d'apprendre le HTML ET LE CSS sur le tas je galère un peu :pt1cable:
Mon Problème j'essaie d'insérer une image en fond d'écran mais le fond ne s'affiche pas il n'y a que le code, je ne vois pas l'erreur :??: LA LIGNE DU FOND EST EN ROUGE !

Je vous donne la feuille (sommaire.html) merci de m'aider, j'aimerais aussi faire un menu déroulant sur la gauche si quelqu'un a des tutos sur le menu ou des codes .

Merci d'avance [:chkevchkoutte]

<!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" >
body {
background-image: url(images/Socopra cuisin'parfaite P1.JPG);
background-repeat: no-repeat;
}
<head>
<title>Cuisin' Parfaite</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Exemple" href="exemple.css" />
</head>
<body>

<p>
<center><img src="images/logo cuisin' parfaite noir.JPG"/></center>
<right><img src="images/fête ses 1 an.png"/></right>
<br/>

<center><strong>BIENVENUE SUR LE SITE DE CUISIN' PARFAITE !</center></strong>
</p>
</body>
</html>

tu feras juste en sorte d'éviter d'avoir des caracteres de merde dans les noms de tes fichiers.
Normalement il est expressément recommandé d'utiliser seulement les caractères suivants : a...z, 0...9, _ (underscore), - (tiret), . (point)

voila [:petrus75]

et ton problème il est simplement lié au fait que ton nom de fichier pour ton image de fond possède un ' (simple quote) et aussi un espace.

Met toi une nomenclature au passage (genre les noms des fichiers en camelcase et les extensions en minuscule)

Edit et sinon les CSS se mettent entre balise <style></style> et cette balise doit se trouver dans le head
et change ton doctype pour un doctype transitionnal ca sera plus propre pour toi
et renseigne toi sur les balises, car là c'est du n'importe quoi

Message édité par gatsu35 le 25-07-2008 à 04:55:44

Reply

Marsh Posté le 24-07-2008 à 23:11:16

c'est magnifique :ouch:
j'espère que c'est pas le vrai emplacement de ton body {
t'as une balise qui s'entrecoupe en passant
<right> j'adore

EDIT: le titre en CAPS c'est lourd

Message édité par blackhawker le 24-07-2008 à 23:16:06

---------------
création de site - photo

Reply

Marsh Posté le 24-07-2008 à 23:19:31

steevo66 > j'ai édité ton sujet, les titres tout en majuscules étant interdits pour des raisons de lisibilité (cf. règles de la catégorie Programmation)

Reply

Marsh Posté le 25-07-2008 à 23:40:31

Re ? Qui pourrait corrige mes erreurs dans cette feuille 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>
<style>
<title>Cuisin' Parfaite</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="(#CHEMIN{style.css}|direction_css)" type="text/css" media="all" />
</style>
</head>
<body>

<center><img src="images/logo_cuisin_parfaite_noir.jpg"/></center>
<left><img src="images/fête ses 1 an.png"/></left>

<br/>

<p>
<center><strong>BIENVENUE SUR LE SITE DE CUISIN' PARFAITE !</center></strong>
</p>
</body>
</html>

Cordialement

Reply

Marsh Posté le 25-07-2008 à 23:49:52

Code :

<!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> 
<style> 
       <title>Cuisin' Parfaite</title> 
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
      <link rel="stylesheet" href="style.css" type="text/css" media="all" /> 
 
   </head> 
   <body> 
           <center><img src="images/logo_cuisin_parfaite_noir.jpg"/></center> 
           <img src="images/fête ses 1 an.png"/> 
 
  
      <br/> 
       
         <p> 
       <center><strong>BIENVENUE SUR LE SITE DE CUISIN' PARFAITE !</center></strong> 
       </p> 
   </body> 
</html>

Mais sérieusement, va sur un site pour apprendre le HTML s'il te plaît

Message cité 1 fois

Reply

Marsh Posté le 27-07-2008 à 10:30:06

gatsu35 a écrit :

Mais sérieusement, va sur un site pour apprendre le HTML s'il te plaît

Mais pluzun [:prodigy]
Comment a-t-il pu se faire embaucher pour concevoir un site .... [:arrakys]

Là en plus c'est juste l'aspect Forme / Contenu, qu'est ce que ça va être lorsqu'il faudra aborder l'intégration du JS et le moteur de traitement côté serveur...