bonjour,
je vient de faire la présentation des pages de mon site mais le 2ème menu est très long et va jusqu'au bas du corps qui lui ne va pas asser haut (il va jusqu'au haut du 2ème menu alors que je voudrais qu'il aille jusqu'au 1er
comment faire pour quelle soit présenter comme celle du tutos ?
le code de ma page :
Code : HTML<!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>bienvenu sur my favorite animals ! le site d'élevage de chevaux virtuel.</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design sombre" href="cssmy.css" />
<div id="tete">
</div>
</head>
<body>
<acronym title="le site d'élevage de chevaux virtuels"><strong><h1><em>!!! bienvenu sur myfavorite animals !!!</em></h1></strong></acronym><br>
<div id="menu">
<div class="element_menu">
<h3>connexion</h3>
<ul>
<acronym title="cliquez ici pour une inscription entièrement gratuite !"><li><a href="inscription.php">inscription</a></li></acronym>
<acronym title="les réponses à vos quetions"<li><a href="faq.html">faq</a></li></acronym>
<acronym title="cliquez ici pour nous contacter"><li><a href="contacte.html">contacte</a></li></acronym>
</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 id="corps">
<h3>présentation de my favorite animals:</h3><br>
my favorite animals est un site d'élevage de chevaux virtuel !<br>
mais c'est aussi ;<br>
-vous connecter tous les jours sur ce site;<br>
-nourir vos chevaux;<br>
-les soigner;<br>
-les faire concourir;<br>
-et bien sur vous amuser !<br>
et tout cela sans odeurs, sans corvés, sans vous fatigué, tout en restant devans votre magnifique écran !<br><br>
alor ne tardez pas et allez directement vous <a href="inscription.php">inscrir</a> !!!
<p>Copyright "Tout pourri Corporation" 2005, tous droits réservés, pour toute demande allez sur la page "contacte" puis écrivez nous.</p>
<SCRIPT language="javascript">
var tailleHorloge = 250 ;
var sonnerieHorloge = "coucou" ;
</SCRIPT>
<SCRIPT language="javascript" src="http://www.virtualsined.com/clock/clock.js"></SCRIPT>
</div>
<div id="pied_de_page">
</div>
</body>
</html>
code css:
Code : CSSp
{
text-align:justyfi;
color: black;
font-family:Comic Sans MS;
padding: 10px;
margin: 10px;
margin: auto;
}
h1
{
color: green;
text-align:center;
font-family:impact;
text-decoration: underline;
}
a
{
text-decoration: none; /* Les liens ne seront plus soulignés */
color: green; /* Les liens seront en rouge au lieu de bleu */
font-style: italic; /* Les liens seront en italique (pourquoi pas ?) */
}
a:hover /* Quand le visiteur pointe sur le lien */
{
text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
color: grey; /* Le lien sera écrit en vert quand on pointera dessus */
}
body
{
background-image: url("images/chev2.jpg");
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 */
}
#tete {
background: url(images/bannierevitefait.jpg) no-repeat;
width: auto;
height: auto;
margin: 20px;
}
#menu
{
float: left; /* Le menu flottera à gauche */
width: 120px; /* Très important : donner une taille au menu */
}
.element_menu
{
background-color: #00b366;
background-image: url("images/cadre.jpg");
background-repeat: repeat-x;
border: 1px solid black;
margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}
.element_menu h3 /* Tous les titres de menus */
{
font-family: comic sans ms, Arial, "Arial Black", "Times New Roman", Times, serif;
text-align: center;
}
.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
list-style-image: url("images/puce.png"); /* On change l'apparence des puces */
padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
padding-left: 0px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
margin: 20px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}
#corps
{
margin-left: 150px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
margin-bottom: 2px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
color: #009999;
background-color: #62b390; /* Une couleur de fond pour le corps */
background-image: url("images/cadre.jpg");
background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */
border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
width: 700px;
height: 1000px;
}
voila merci d'av!
j'ai chercher le problème vraiment partou mais je n'ai pas trouvé !
bonjour, aurevoir !
Tutoriels
Communauté
Mon compte
Recherche
Livre d'or
Publicité
chevivicy
358 Zéros connectés |
7 requêtes |
0.0317s (0.0144s)
