Bonjour
voila j'ai un probleme avec le css j'ai fé un epage et elle doit avoir des prob parce que le resultat ne donne vraiment pas ce que je voudré mais je vois pas ou j'ai pu faire des fautes voici ma feuille.
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-color: rgb(227,143,17); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
}
/* L'en-tête */
#en_tete
{
width: 800px;
height: 800px;
background-image: url("images/banniere.png");
background-repeat: no-repeat;
margin-bottom: 10px;
}
/* Le menu */
#menu
{
float: left;
width: 170px;
}
.element_menu
{
background-color: #FFFFFF;
background-image: url("images/motif.png");
border: 4px solid blue;
margin-bottom: 20px;
}
/* Quelques effets sur les menus */
.element_menu h3 /* Tous les titres de menus */
{
color: #FF0000;
font-family: 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("puce.gif"); /* On change l'apparence des puces */
padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
margin: 0px; /* 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 */
}
.element_menu a /* Tous les liens se trouvant dans un menu */
{
color: #FF0000;
}
.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
background-color: #B3B3B3;
color: black;
}
/* Le corps de la page */
#corps
{
margin-left: 20px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
margin-bottom: 20px; /* 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: #B3B3B3;
background-color: #FFFFFF; /* Une couleur de fond pour le corps */
background-image: url(".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 */
padding: 10px;
}
/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */
#pied_de_page
{
padding: 10px;
text-align: center;
color: #FF0000;
background-color: #626262;
background-image: url(".jpg");
background-repeat: 45;
border: 2px solid black;
}
a
{
text-decoration: none; /* Les liens ne seront plus soulignés */
color: red; /* 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: green; /* Le lien sera écrit en vert quand on pointera dessus */
}
h1
{
text-align: center;
font-family: "Arial Black", Arial, "Times New Roman", serif;
text-decoration: blink; /* Le titre sera clignotant ! (ne fonctionne pas sous
Internet Explorer) */
}
.souligne
{
text-decoration: underline;
}
.barre
{
text-decoration: line-through;
}
.ligne_dessus
{
text-decoration: overline;
et ma page html
YPE 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" >
<!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" >
<link rel="stylesheet" media="screen" type="text/css" title="Design sombre" href="style.css" />
<head>
<title>Mermon06</title>
<h1>Mermon06</h1>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design sombre"
href="sombre.css" />
<marquee behavior=scroll direction="left">Bienvenue sur mon site Mermon06 signer Lechevalier Pierre</marquee>
</head>
<!-- Search Google -->
<center>
<FORM method=GET action="
http://www.google.com/search">
<input type=hidden name=ie value=UTF-8>
<input type=hidden name=oe value=UTF-8>
<TABLE bgcolor="#FFFFFF"><tr><td>
<A HREF="http://www.google.com/">
<IMG SRC="http://www.google.com/logos/Logo_40wht.gif"
border="0" ALT="Google" align="absmiddle"></A>
<INPUT TYPE=text name=q size=25 maxlength=255 value="">
<INPUT type=submit name=btnG VALUE="Google Search">
</td></tr></TABLE>
</FORM>
</center>
<!-- Search Google -->
<body>
<!-- DEBUT DU SCRIPT -->
<script language="JavaScript1.2">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
function ejs_nodroit()
{
alert('Ah désoler je veux pas de clic droit mais bon les personnes qui si connaisses savent comment contourner ceci');
return(false);
}
document.oncontextmenu = ejs_nodroit;
</script>
<!-- FIN DU SCRIPT -->
<body background="stars1.gif">
<div id="corps">
<script type="text/javascript"><!-- today = new Date(); document.write("Nous sommes le "+today.getDate()+"/"+(today.getMonth()+1)+"/"+today.getYear()); document.write("<br>il est déjà "+today.getHours()+":"+today.getMinutes());--></script>
</td>
</tr>
</table>
<body text="#ff0000">
<div id="menu">
<div class="element_menu">
<h3>Astuces</h3> <!–– Titre du sous–menu ––>
<ul>
<li><p><a href="accélerer windows.html">Optimiser windows</a><br /></p></li> <!–– Liste des liens du sous–menu ––>
<li><p><a href="accélerer démarrage.html">Accélerer le démarrage</a><br /></p></li>
<li><p><a href="new 3.html">Sécurité de windows</a><br /></p></li>
</ul>
</div>
<div class="element_menu">
<h3>Telechargements</h3>
<ul>
<li><p><a href="Utilitaires.html">Utilitaires</a><br /></p></li>
<li><p><a href="Sécurité.html">Sécurité</a><br /></p></li>
<li><p><a href="MSN.html">Prog
MSN</a><br /></p></li>
</ul>
</div>
<div class="element_menu">
<h3>Le piratage</h3>
<ul>
<li><p><a href="Théorie.html">Théorie</a><br /></p></li>
<li><p><a href="Protéger.html">S'en protéger</a><br /></p></li>
<li><p><a href="Hackers.html">Hackers</a><br /></p></li>
</ul>
</div>
<div class="element_menu">
<h3>Autres risque</h3>
<ul>
<li><p><a href="Les virus.html">Les virus</a><br /></p></li>
<li><p><a href="Les vers.html">Les vers</a><br /></p></li>
<li><p><a href="Les troyens.html">Les troyens</a><br /></p></li>
</ul>
</div>
<h2>Me contacter</h2>
<p>Pour me contacter, <a href="mailto:pelboat@hotmail.fr">cliquez ici</a></p>
<center><embed src="1.mid"
autostart="true" loop="true" repeat="true"
height="100" width="100"></center>
</body>
<div id="pied_de_page">
<center><p>Copyright "Lechevalier Pierre" 2006‚ tous droits réservés</p></center>
</div>
</html>
aide langage css
Maîtresse astucienne
