[CSS] Problème pour un menu classique (niveau débutant)

Problème pour un menu classique (niveau débutant) [CSS] - HTML/CSS - Programmation

Marsh Posté le 31-01-2008 à 23:20:35    

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...
http://images3.hiboox.com/images/0508/3exnlsc2.jpg

Code :
  1. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
  5. <title>Menulatéral</title>
  6. <base target="principal">
  7. </head>
  9. <body>
  10. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
  11. <head>
  12. <title> CSS </title>
  13. <style type="text/css">
  14. body {font: 1em Verdana, Arial, sans-serif; background-color: #99CCCC}
  16. ul#menu {list-style-type: none;}
  18. ul#menu li {margin-bottom: 5px;}
  20. ul#menu a {
  21.      margin: 0 2px;
  22.      width: 180px; /longeur des cases menu/
  23.      height: 20px;
  24.      display: block;
  25.      text-align: center;
  26.      border: 1px solid gray;
  27.      text-decoration: none;
  28.      color: #000;
  29.      background: #fff;
  30.  }
  32. ul#menu a:hover {
  33.      background: #ccc;
  34.      border: 1px solid gray;
  35.      }
  38. /* mentions et copyright */
  39. div#mentions {
  40.   font-family: verdana, arial, sans-serif;
  41.   position: absolute;
  42.   bottom : 90px;
  43.   left : 0px;
  44.   width: 20px;
  45.   margin: 1em;
  46.   padding: 0.5em;
  47.   background: #FFF7D2;
  48.   -moz-border-radius:10px;
  49.   border-radius:10px;
  50.   line-height: 1.1;
  51.   font-size: 0.9em;
  52. }
  53. div#mentions a {
  54.   text-decoration: none;
  55.   color: #222;
  56. }
  57. div#mentions a:hover {
  58.   text-decoration: underline;
  59.   color: black;
  60. }
  61. </style>
  62. </head>
  63. <body>
  64.   <ul id="menu">
  65.     <li><a target="principal" href="Acceuilprincipal.htm">Accueil</a></li>
  66.     <li><a target="principal" href="Acceuildossier.htm">Dossier</a></li>
  67.     <li><a target="principal" href="faqacceuil.htm">FAQ</a></li>
  68.     <li><a target="principal" href="telechargementacceuil.htm">Téléchargement</a></li>
  69.     <li><a target="principal" href="contactacceuil.htm">Contact</a></li>
  70.   </ul>
  71. </body>
  72. </html>

Reply

Marsh Posté le 31-01-2008 à 23:20:35   

Reply

Marsh Posté le 01-02-2008 à 15:21:03    

Si peu de personne pour lire mon topic et encore moins qui savent me répondre... Ce n'est pas si dure pourtant... après tout c'est vous qui connaissez le CSS moi je me débrouille à peine, mon domaine c'est la photographie...

Reply

Marsh Posté le 01-02-2008 à 16:44:52    

"margin" "padding" des body et ul

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed