Probleme avec css
luffy33
Messages postés
2
Date d'inscription
Statut
Membre
Dernière intervention
-
luffy33 Messages postés 2 Date d'inscription Statut Membre Dernière intervention -
luffy33 Messages postés 2 Date d'inscription Statut Membre Dernière intervention -
bonjour,
j'ai esayer tout les mesure possible mais le corp de ma page web reste toujour endessou des menu.
merci de me venir en aide.
j'ai esayer tout les mesure possible mais le corp de ma page web reste toujour endessou des menu.
merci de me venir en aide.
<!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>Bienvenue sur mon site !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<div id="en_tete">
<img src="images/banniere_one_piece09.jpg"/>
</div>
<div id="menu">
</div>
<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">
<h2>One piece </h2>
<h4>histoir</h4>
<ul>
<li><a href="page1.html">Lien</a></li>
<li><a href="onepiece.html">Lien</a></li>
</ul>
</div>
<div class="element_menu">
<h2>Naruto</h2>
<h4>Histoire</h4>
<ul>
<li><a href="liens.html">Lien</a></li>
<li><a href="naruto.html">Lien</a></li>
</ul>
</div>
<div id="corps">
<h1>Mon super site</h1>
<p>
Bienvenue sur mon super site !<br />
salut sa va !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
<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>
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 id="pied_de_page">
<img src="images/mugiwara.png"/>
</div>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body
{
width: 760px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
}
<title>Exemple de CSS dans le header</title>
#en_tete
{
width: 760px;
height: 100px;
background-image: url("images/banniere_one_piece09.jpg");
background-repeat: no-repeat;
margin-bottom: 10px;
}
#menu
{
float: left;
width: 120px;
}
.element_menu
{
background-color: #626262;
border: 2px solid black;
margin-bottom: 20px;
}
#corps
{
margin-left: 100px;
margin-bottom: 20px;
padding: 5px;
color: #B3B3B3;
background-color: #626262;
border: 2px solid black;
}
</style>
</body>
</html>
A voir également:
- Probleme avec 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
3 réponses
Tu dois mettre tes styles, au pire dans le header, au mieux dans un fichier séparé.
Surtout que sur le code que tu nous montre, c'est écrit "<title>Exemple de CSS dans le header</title>" alors que tu le met dans le corps de la page...
Surtout que sur le code que tu nous montre, c'est écrit "<title>Exemple de CSS dans le header</title>" alors que tu le met dans le corps de la page...
