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

Résolu
odakim Messages postés 11 Date d'inscription   Statut Membre Dernière intervention   -  
chupa23 Messages postés 149 Date d'inscription   Statut Membre Dernière intervention   -
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

Réponse 1 / 3
chupa23 Messages postés 149 Date d'inscription   Statut Membre Dernière intervention   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
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
Réponse 2 / 3
odakim
 
Merci de votre réponse rapide! j'essaierais cette nuit et mettrais un "résolu".
0
Réponse 3 / 3
chupa23 Messages postés 149 Date d'inscription   Statut Membre Dernière intervention   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

Discussions similaires

Comment télécharger un torrent ?
Gotdann2003 -
ROSSi -

2 réponses