XHTML & CSS

Résolu/Fermé
ordigami Messages postés 289 Date d'inscription jeudi 24 mars 2011 Statut Membre Dernière intervention 4 avril 2013 - 3 avril 2011 à 00:42
ordigami Messages postés 289 Date d'inscription jeudi 24 mars 2011 Statut Membre Dernière intervention 4 avril 2013 - 3 avril 2011 à 10:18
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;
}


6 réponses

crapoulou Messages postés 28160 Date d'inscription mercredi 28 novembre 2007 Statut Modérateur, Contributeur sécurité Dernière intervention 21 mai 2024 7 999
3 avril 2011 à 00:47
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
1
crapoulou Messages postés 28160 Date d'inscription mercredi 28 novembre 2007 Statut Modérateur, Contributeur sécurité Dernière intervention 21 mai 2024 7 999
3 avril 2011 à 01:32
1 - Rien n'est dit à ton fond de ne pas se répéter :
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" /> 
1
ordigami Messages postés 289 Date d'inscription jeudi 24 mars 2011 Statut Membre Dernière intervention 4 avril 2013 46
3 avril 2011 à 00:50
Mais j'ai déjà mis background-repeat: no-repeat; mais mon immage ce répéte quand même.
0
crapoulou Messages postés 28160 Date d'inscription mercredi 28 novembre 2007 Statut Modérateur, Contributeur sécurité Dernière intervention 21 mai 2024 7 999
Modifié par crapoulou le 3/04/2011 à 01:04
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
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
ordigami Messages postés 289 Date d'inscription jeudi 24 mars 2011 Statut Membre Dernière intervention 4 avril 2013 46
3 avril 2011 à 01:11
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é.
0
ordigami Messages postés 289 Date d'inscription jeudi 24 mars 2011 Statut Membre Dernière intervention 4 avril 2013 46
3 avril 2011 à 01:34
AAAAAAAAAAAA NAN c bon j'ai comprit d'où venait le probleme j'ai fait un énorme oublie: j'ai pas inséré ma balise pour ajouter le css dans mon html --" y'a des moments je suis vraiment c**
0
crapoulou Messages postés 28160 Date d'inscription mercredi 28 novembre 2007 Statut Modérateur, Contributeur sécurité Dernière intervention 21 mai 2024 7 999
Modifié par crapoulou le 3/04/2011 à 01:35
Ah là, c'est sûr, ça ne risque pas de fonctionner ;-).
Bonne continuation.
0
ordigami Messages postés 289 Date d'inscription jeudi 24 mars 2011 Statut Membre Dernière intervention 4 avril 2013 46
3 avril 2011 à 10:18
x)
0