Partage
  • Partager sur Facebook
  • Partager sur Twitter

Menu image roller-over

Sir_il
    11 mars 2006 à 13:31:44

    Bonjour à tous je suis en train de réaliser le site d'un collectif dont je fait parti et j'ai quelques problèmes.

    J'ai suivi le tutorial sur le css sur le sdz et j'ai abouti à sa :

    ICI

    Comme vous pouvez le constatez le menu n'est pas bon du tout.
    En fait j'ai réaliser des boutons avec le nom de la rubrique dessu et je voudrai les mettre en roll-over.
    Pour cela, que faut-il que je fasse? niveau du css et du html car la mes liens sont en html et j'ai l'image en arriere plan.

    Voici un exemple de mes boutons

    Merci à tous ;)
    • Partager sur Facebook
    • Partager sur Twitter
    yöm
    Sir_il
      11 mars 2006 à 20:57:43

      Merci en cherchant j'ai trouvé ce tutorial ;)

      J'ai avancé un peu en virant les roll over pour le moment sa donne sa.
      Je comprend pas j'arrive pas à mettre un padding à droite du menu pour le décaler un peu.

      Et quelq'un peu vérifié si mon css est bon ? car pour le menu j'ai un peu du mal à comprendre, j'ai bidouiller mais je sait pas si c'est bon.

      body
      {
         width: 795px;
         margin: auto;
         background–color: #FFFFFF;
         margin–top: 13px;
         margin–bottom: 10px;
         color: #000000;
      }

      #structure
      {
         border–width: 10px;
         border–color: black;
         border–style: solid;
         height: 500px;
         width: 795px;
      }

      #banniere
      {
         width: 411px;
         height: 150px;
         background–image: url("images/jalmh_03ter.jpg");
         background–repeat: no–repeat;
         margin–bottom: 5px;
      }

      #menu{
         float: right;
         margin–top: –145px;
         margin–right: 11px;
         width: 150px;
         color: black;
      }


      ul#menu li{
         list–style–type: none;
         height: 32px;
         font–size:16px;
         text–align:right;
         padding–right: 3px;
         padding–top: 6px;
         padding–bottom: 6px;   
         background–image: url("images/boutons2.jpg");
         background–repeat: no–repeat;
         color: #000000;
         font–family: "Arial Black"‚ Arial Black‚ Verdana‚ serif;   
         
      }

      ul#menu li a{
         display: block;
         width: 150px;
         height: 32px;
         color: black;
         text–decoration: none;
      }
             
      #corps
      {
         margin–left: 10px;
         margin–right: 170px;
         margin–top: –10px;
         margin–bottom: 20px;   
         font–family: "Impact"‚ Arial Black‚ Verdana‚ serif; 
         font–weight: bold; 
         font–size: 15px;
      }


      <!DOCTYPE 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" >
         <head>
             <title>.: Just A Little More House :.</title>
             <meta http–equiv="Content–Type" content="text/html; charset=iso–8859–1" />
                 <link rel="stylesheet" media="screen" type="text/css" title="JALMH" href="JALMH.css" />
         </head>
         <body>
          <div id="structure">

          <div id="banniere"></div>

          <ul id="menu">
           <li><a href="index.html">Home</a></li>
               <li><a href="mixs.html">Mixs</a></li>
           <li><a href="djs.html">DJs</a></li>
               <li><a href="guestbook.html">Guest Book</a></li>
               <li><a href="links.html">Links</a></li>
          </ul>

          <div id="corps">
              <p>
          Chaque semaine retrouvez en rotation : CarlitO‚ Dj Aroy‚ Guigui‚ –MD–‚ Calvin‚ RomaniX‚ Sir_Il‚ Vava11‚ Axmaxi‚ et Crazy Alchimist pour des mixs électro/house décapant sur le podcast Just A Little More House.
          </p>
              <p>
              Retrouve ici ton podcast favoris ainsi que tte les actus électro.
              </p>
          </div>
          </div>

             
         </body>
      </html>


      A bientot
      • Partager sur Facebook
      • Partager sur Twitter
      Sir_il

      Menu image roller-over

      × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
      × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
      • Editeur ●
      • Markdown