Sur le jpg si joint, j'aimerais modifier les distances
représentées par les lignes de couleur.
Ci joint le code CSS que j'intègre à la page html.
J'aimerais aussi fixer le menu dans le cadre mais je
n'ai aucune idées des balises à utiliser pour cela...
Voila, si quelqu'un sait comment m'aider...
Code :
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
- <title>Menulatéral</title>
- <base target="principal">
- </head>
- <body>
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
- <head>
- <title> CSS </title>
- <style type="text/css">
- body {font: 1em Verdana, Arial, sans-serif; background-color: #99CCCC}
- ul#menu {list-style-type: none;}
- ul#menu li {margin-bottom: 5px;}
- ul#menu a {
- margin: 0 2px;
- width: 180px; /longeur des cases menu/
- height: 20px;
- display: block;
- text-align: center;
- border: 1px solid gray;
- text-decoration: none;
- color: #000;
- background: #fff;
- }
- ul#menu a:hover {
- background: #ccc;
- border: 1px solid gray;
- }
- /* mentions et copyright */
- div#mentions {
- font-family: verdana, arial, sans-serif;
- position: absolute;
- bottom : 90px;
- left : 0px;
- width: 20px;
- margin: 1em;
- padding: 0.5em;
- background: #FFF7D2;
- -moz-border-radius:10px;
- border-radius:10px;
- line-height: 1.1;
- font-size: 0.9em;
- }
- div#mentions a {
- text-decoration: none;
- color: #222;
- }
- div#mentions a:hover {
- text-decoration: underline;
- color: black;
- }
- </style>
- </head>
- <body>
- <ul id="menu">
- <li><a target="principal" href="Acceuilprincipal.htm">Accueil</a></li>
- <li><a target="principal" href="Acceuildossier.htm">Dossier</a></li>
- <li><a target="principal" href="faqacceuil.htm">FAQ</a></li>
- <li><a target="principal" href="telechargementacceuil.htm">Téléchargement</a></li>
- <li><a target="principal" href="contactacceuil.htm">Contact</a></li>
- </ul>
- </body>
- </html>
|
