Problème de mise en page design css

Problème de mise en page design css - Web design - Graphisme

Marsh Posté le 28-09-2005 à 01:57:20    

Bonjour voila mon soucil je me suis aider du site du zero et je bloque à une partit de création design en css!
 
La page en question: http://www.siteduzero.com/xhtml-css/design.php#xhtml
 
Je ne comprend pas, il ne précise pas ou entrées toutes ces lignes etc...
 
J'ai donc creé un dossier qui contient: un Essai.html et fond.png j'y est entrer ceci:
 

Citation :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
       <title>Mon super site</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
   </head>
 
   <body>
 
       <!-- L'en-tête -->
 
       <div id="en_tete">
           
       </div>
 
       <!-- Les menus -->
 
       <div id="menu">        
           <div class="element_menu">
               <h3>Titre menu</h3>
               <ul>
                   <li><a href="page1.html">Lien</a></li>
                   <li><a href="page2.html">Lien</a></li>
                   <li><a href="page3.html">Lien</a></li>
               </ul>
           </div>
       
           <div class="element_menu">
               <h3>Titre menu</h3>
               <ul>
                   <li><a href="page4.html">Lien</a></li>
                   <li><a href="page5.html">Lien</a></li>
                   <li><a href="page6.html">Lien</a></li>
               </ul>
           </div>        
       </div>
 
       <!-- Le corps -->
 
       <div id="corps">
           <h1>Mon super site</h1>
       
           <p>
               Bienvenue sur mon super site !<br />
               Vous allez adorer ici, c'est un site génial qui va parler de... heu... Je cherche encore un peu le thème de mon site :-D
           </p>
       
           <h2>A qui s'adresse ce site ?</h2>    
           <p>
               A tout le monde ! Si je commence à privilégier certaines personnes, on va m'accuser de discrimination ;o)<br />
               Que vous soyez fans de fusils à pulsion plasma ou de Barbie et Ken, ce site est fait pour vous ! Si si !
           </p>
           
           <h2>L'auteur</h2>    
           <p>
               L'auteur du site ? Bah, c'est moi, quelle question :-p<br />
               Je vais essayer de faire le meilleur site du monde (ça doit pas être bien compliqué). Mon objectif est d'attirer un maximum de visiteurs, de les rendre accros à mon site, puis de les mettre en mon pouvoir.<br />
               Je prendrai ensuite le contrôle du Monde. Une fois que ce sera fait, j'irai explorer les confins de l'Univers à la recherche de nouveaux peuples à soumettre à ma terrible puissance. MooUUuUuuUAhahHaaAhAAaaah !!! (rire diabolique).
           </p>
       </div>
 
       <!-- Le pied de page -->
 
       <div id="pied_de_page">
           <p>Copyright "Tout pourri Corporation" 2005, tous droits réservés</p>
       </div>
 
   </body>
   
   body
{
   width: 760px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   background-image: url("images/fond.png" ); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
}
</html>


 
Pourquoi le fond ce s'afiche pas?
 
Merci  :hello:
 


---------------
Hanlala il a un pseudo à chiffre! :O
Reply

Marsh Posté le 28-09-2005 à 01:57:20   

Reply

Marsh Posté le 28-09-2005 à 02:05:34    

Bah, dans ta page, tu ne fais aucun appel à un fichier CSS.
Pour reprendre le site qui te sert d'apprentissage, je dirais que tu n'as pas tout lu :
'insérer un CSS dans le XHTML'
http://www.siteduzero.com/xhtml-css/design.php#plus
 
Le truc body, que tu mets à la fin, il faut le mettre dans un fichier externe que tu appeleras, pas exemple, styles.css (comme je me sens original) et ensuite, il faut faire un lien sur ce fichier .css dans ton fichier html.


Message édité par The-Shadow le 28-09-2005 à 02:06:57
Reply

Marsh Posté le 28-09-2005 à 02:09:05    

Oki donc voila enfete c'étais insérer le lien vers la page html que je n'arriver po ^^ merci bien


---------------
Hanlala il a un pseudo à chiffre! :O
Reply

Marsh Posté le 28-09-2005 à 02:39:30    

Re problème et je ne comprend pa pourquoi!
 
La c'est pour la ba,,ière l'image de fon marche mais je l'ai suprimé pour plus de visibilité!
 
Même code Html
Ajout de ces lignes dans le css:
 

Citation :

  body
{
   width: 760px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   background-repeat: no-repeat;
   color: yellow;
   }
   
   #en_tete
{
   width: 760px;
   height: 100px;
   background-image: url("C:/Documents and Settings/Titoon/Bureau/Esai/banniere.jpeg" );
   background-repeat: no-repeat;
   margin-bottom: 10px;
}


 
Impossible d'aficher! la banniere!


Message édité par Slipknot91 le 28-09-2005 à 02:47:21

---------------
Hanlala il a un pseudo à chiffre! :O
Reply

Marsh Posté le 28-09-2005 à 07:52:50    

message supprimé


Message édité par Damonya le 29-09-2005 à 01:24:13
Reply

Marsh Posté le 28-09-2005 à 20:17:52    

Code :
  1. background-image: url("C:/Documents and Settings/Titoon/Bureau/Esai/banniere.jpeg" );


 
Aïe aïe aïe, c'est pas gagné !
Tu les vois mettre des C:\ dans ton tuto ? Non, ils mettent des chemins relatifs. 'faudrait peut être que tu saisisse un peu mieux le fonctionnement du web / HTML, avant de te lancer dans le code !

Reply

Marsh Posté le 28-09-2005 à 20:40:55    

message supprimé


Message édité par Damonya le 29-09-2005 à 01:24:22
Reply

Marsh Posté le 29-09-2005 à 14:59:11    

Daccord je vais eesayer de déplace c'est image dans le dosier mes images comme il le font merci pour ta réponse "corect" et aux modos pour la supréssion des post qui m'on donc fait aréter, je m'y remet  
 
Merci ;)


---------------
Hanlala il a un pseudo à chiffre! :O
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed