Problème de mise en page design css

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Problème de mise en page design css

Slipknot91

Clubbeur

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>



<div id="en_tete">

</div>



<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>



<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>



<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 */
}
</html>

Pourquoi le fond ce s'afiche pas?

Merci :hello:

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

Publicité

The-Shadow

Développeur
T'as été voir dans ton profil?

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

Slipknot91

Clubbeur

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

Slipknot91

Clubbeur

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("CDocuments 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

Damonya

message supprimé

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

El_gringo

Code :

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 !

Damonya

message supprimé

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

Slipknot91

Clubbeur

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

FORUM HardWare.fr

Graphisme

Web design

Problème de mise en page design css

Sujets relatifs
SW 2005 lenteur mise en plan	probleme PDF + raccourcis clavier Xpress
Front page : conseil	Première page web en CSS (après Flash)
Design web au cm pres	Problème Illustrator : besoin d'aide rapide
Problème d'importation d'image	Probleme de fusion de polygone !
probleme avec ma carte graphique	Probleme encrage
Plus de sujets relatifs à : Problème de mise en page design css

Page générée en 0.067 secondes