XHTML & CSS
Résolu
ordigami
Messages postés
289
Date d'inscription
Statut
Membre
Dernière intervention
-
ordigami Messages postés 289 Date d'inscription Statut Membre Dernière intervention -
ordigami Messages postés 289 Date d'inscription Statut Membre Dernière intervention -
Bonjour, je fait de la programmation via le site du zéro mais je rencontre actuellement un problème: quand je fait ma prog je tape le même code html et css mais sur mon site ma page ne se déplace pas au centre et mon image de fond et répétée alors quelle ne devrait.
je vous donne un aperçu:
"code site du zero"
<!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>Exemple du Site du Zér0</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
body
{
width:760px;
margin:auto;
margin-top:20px;
margin-bottom:20px;
background-image:url("fond.png");
}
/* L'en-tête */
#en_tete
{
width:760px;
height:100px;
background-image:url("banniere.png");
background-repeat:no-repeat;
margin-bottom:10px;
}
</style>
</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>
</html>
"mon 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>
<body>
<body background= "fond.png" />
<div id="en_tete">
<img src="design.jpg" alt="bannière du site " />
<!-- Ici on mettra la bannière -->
</div>
<title>Bienvenue sur mon site !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<div id="menu"> <!-- Ici on mettra le menu -->
</div>
<div class="element_menu">
<h3> tests de menus </h3>
<ul>
<li> <a href="lien1.html"> lien </a> </li>
<li> <a href="lien2.html"> lien </a> </li>
<li> <a href="lien3.html"> lien </a> </li>
</ul>
</div>
<div class="element_menu">
<h3> tests de menus </h3>
<ul>
<li> <a href="lien4.html"> lien </a> </li>
<li> <a href="lien5.html"> lien </a> </li>
<li> <a href="lien6.html"> lien </a> </li>
</ul>
</div>
<div id="corps"> <!-- Ici on mettra le contenu principal de la page (tout le texte quoi) -->
<h1>Mon super site</h1>
<p>
Bienvenue sur mon super site !<br />
Vous allez adorer ici, c'est un site genial qui va parler de... heu... Je cherche encore un peu le theme de mon site :-D
</p>
<h2>A qui s'adresse ce site ?</h2>
<p>
A tout le monde ! Si je commence à privilegier certaines personnes, on va m'accuser de discrimination ;o)<br />
Que vous soyez fans de fusils a 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 "gabriel arnaudin ;-p", tous droits réservés</p>
<!-- Enfin, on a mis en bas de la page le nom de l'auteur, un copyright... -->
</div>
</div>
</body>
</html>
"mon css"
body
{
width: 760px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-image: url("fond.png");
}
/* L'en-tête */
#en_tete
{
width: 760px;
height: 100px;
background-image: url("design.jpg");
background-repeat: no-repeat;
margin-bottom: 10px;
}
je vous donne un aperçu:
"code site du zero"
<!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>Exemple du Site du Zér0</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
body
{
width:760px;
margin:auto;
margin-top:20px;
margin-bottom:20px;
background-image:url("fond.png");
}
/* L'en-tête */
#en_tete
{
width:760px;
height:100px;
background-image:url("banniere.png");
background-repeat:no-repeat;
margin-bottom:10px;
}
</style>
</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>
</html>
"mon 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>
<body>
<body background= "fond.png" />
<div id="en_tete">
<img src="design.jpg" alt="bannière du site " />
<!-- Ici on mettra la bannière -->
</div>
<title>Bienvenue sur mon site !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<div id="menu"> <!-- Ici on mettra le menu -->
</div>
<div class="element_menu">
<h3> tests de menus </h3>
<ul>
<li> <a href="lien1.html"> lien </a> </li>
<li> <a href="lien2.html"> lien </a> </li>
<li> <a href="lien3.html"> lien </a> </li>
</ul>
</div>
<div class="element_menu">
<h3> tests de menus </h3>
<ul>
<li> <a href="lien4.html"> lien </a> </li>
<li> <a href="lien5.html"> lien </a> </li>
<li> <a href="lien6.html"> lien </a> </li>
</ul>
</div>
<div id="corps"> <!-- Ici on mettra le contenu principal de la page (tout le texte quoi) -->
<h1>Mon super site</h1>
<p>
Bienvenue sur mon super site !<br />
Vous allez adorer ici, c'est un site genial qui va parler de... heu... Je cherche encore un peu le theme de mon site :-D
</p>
<h2>A qui s'adresse ce site ?</h2>
<p>
A tout le monde ! Si je commence à privilegier certaines personnes, on va m'accuser de discrimination ;o)<br />
Que vous soyez fans de fusils a 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 "gabriel arnaudin ;-p", tous droits réservés</p>
<!-- Enfin, on a mis en bas de la page le nom de l'auteur, un copyright... -->
</div>
</div>
</body>
</html>
"mon css"
body
{
width: 760px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-image: url("fond.png");
}
/* L'en-tête */
#en_tete
{
width: 760px;
height: 100px;
background-image: url("design.jpg");
background-repeat: no-repeat;
margin-bottom: 10px;
}
A voir également:
- XHTML & CSS
- Css download - Télécharger - HTML
- Enlever le soulignement d'un lien css ✓ - Forum Réseaux sociaux
- Css ligne horizontale ✓ - Forum CSS
- Enlever le soulignage des lien. - Forum CSS
- Enlever soulignement lien css ✓ - Forum CSS
6 réponses
Bonsoir,
Pour ne pas que ton image se répète :
background-repeat: no-repeat;
Pour que l'image reste fixe et ne bouge pas :
background-attachment: fixed;
http://www.aidenet.com/css/css08d.htm
Pour ne pas que ton image se répète :
background-repeat: no-repeat;
Pour que l'image reste fixe et ne bouge pas :
background-attachment: fixed;
http://www.aidenet.com/css/css08d.htm
1 - Rien n'est dit à ton fond de ne pas se répéter :
2 - A quoi sert ceci au juste ?!
body
{
width:760px;
margin:auto;
margin-top:20px;
margin-bottom:20px;
background-image:url("fond.png");
}
2 - A quoi sert ceci au juste ?!
<body> <body background= "fond.png" />
Quelle image se répète exactement stp, le background principal ?
Ton CSS est où ? ans un fichier séparé ou dans le même fichier HTML ou les deux ?
Car dans ton message tu as deux fois la CSS.
Top' et crapoulou pas si loin de nous. RIP
Ton CSS est où ? ans un fichier séparé ou dans le même fichier HTML ou les deux ?
Car dans ton message tu as deux fois la CSS.
Top' et crapoulou pas si loin de nous. RIP
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
oui c'est le background principale qui ne doit pas être répété et j'ai un fichier css] séparé d'un fichier xhtml] de plus dans mon message il y a mon html] et mon css séparé mais sur celui du site du zero c'est dans un seul fichier mais sur leurs tuto ils disent de le faire séparé.
