Créer un cadre avec boutons (édition html)

Résolu
odakim Messages postés 12 Statut Membre -  
chupa23 Messages postés 152 Statut Membre -
Bonjour,

J'ai cherché sur google mais rien ne correspond.

Je souhaite créer une page internet (page d'accueil) avec une colonne à gauche en couleur (rectangle de 6 cm par 20 cm par exemple) ou je pourrais mettre des boutons à l'intérieur les uns en dessous des autres qui emmènent a d'autre pages du site. (comme les colonnes à gauche de ce site http://www.ubuntu-fr.org/ par ex.)

Je sais pas si j'ai été assez clair. Autant ça me semble simple à imaginer autant je n'arrive pas a le concevoir.

Merci d'avance si quelqu'un à la gentillesse de m'aider.

Cyrille
Configuration: Linux
Firefox 3.0.8

3 réponses

  1.
    chupa23 Messages postés 152 Statut Membre 28
     
    C'est simple , tu fais un div en float : left ; de la largeur de ton choix dans ce div tu place une liste et il suffit de mettre l'image de tyon choix pour chaque li.
    Ca donnerait un truc du genre :
    Html : 
    <div id="menu">
     <ul>
          <li>Lien1</li>
          <li>Lien2</li>
     </ul>
</div>

    Css : 
    #menu
{
float:left;
width:20px;
}
li
{
width:100%;
background-color: red;
}
    2
    1. odakim
       
      OK donc j'ai ceci : (les images s'affichent bien à gauche de la page)


      <div id="menu">
      <ul>

      <IMG SRC="rouge.jpg">
      <br>

      <IMG SRC="bleu.jpg">
      </ul>
      </div>


      J'ai enlevé les "<li>" car il mettait des points devant les images.

      Comment puis-je à présent inscrire mes menus sur ces image ? (Si c'est pas trop demandé)

      Sinon j'ai essayé css avec la balise "style, text ect" : ça donne rien.
      0
  2. odakim
     
    Merci de votre réponse rapide! j'essaierais cette nuit et mettrais un "résolu".
    0
  3. chupa23 Messages postés 152 Statut Membre 28
     
    Il faut forcement mettre des li dans les ul ( w3c ) , pour remédier a l'affichage des 'points' tu fais ceci dans le css :
    list-style-type:none;
    0