Forum |  HardWare.fr | News | Articles | PC | Prix | S'identifier | S'inscrire | Shop Recherche
768 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°1680136
Sephirius2
Posté le 31-01-2008 à 23:20:35  profilanswer
 

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

mood
Publicité
Posté le 31-01-2008 à 23:20:35  profilanswer
 

n°1680504
Sephirius2
Posté le 01-02-2008 à 15:21:03  profilanswer
 

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...

n°1680590
dno92
Undique robur
Posté le 01-02-2008 à 16:44:52  profilanswer
 

"margin" "padding" des body et ul


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 

Sujets relatifs
[Javascript] Rotation image: problème de altProbleme boost regex
PHP aleatoire Problème de débutant.Problême de restriction menu flash par IE
font importé dans bibliothèque et jeux de caractères? probleme bizarre[Debutant]Afficher element du tableau avec Random
Probleme Checkbutton et recuperation valeurmenu (onglet) et faire apparaître dans une zone
Plus de sujets relatifs à : [CSS] Problème pour un menu classique (niveau débutant)


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR