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

Résolu/Fermé
odakim Messages postés 11 Date d'inscription dimanche 5 avril 2009 Statut Membre Dernière intervention 6 mai 2010 - 5 avril 2009 à 14:26
chupa23 Messages postés 149 Date d'inscription samedi 13 décembre 2008 Statut Membre Dernière intervention 20 juillet 2009 - 5 avril 2009 à 19:34
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
A voir également:

3 réponses

chupa23 Messages postés 149 Date d'inscription samedi 13 décembre 2008 Statut Membre Dernière intervention 20 juillet 2009 28
5 avril 2009 à 16:39
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
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
Merci de votre réponse rapide! j'essaierais cette nuit et mettrais un "résolu".
0
chupa23 Messages postés 149 Date d'inscription samedi 13 décembre 2008 Statut Membre Dernière intervention 20 juillet 2009 28
5 avril 2009 à 19:34
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