Discussion :

[JaMJaMs]

Bonjour à tous

Voilà, à la recherche d'une idée pour la création d'un mini site web, je suis tombé sur ce programme dont j'aimerai m'inspirer pour le menu de mon site.

Voici le lien pointant vers l'image : http://www.namtuk.com/images/screens...fp-ss3-big.jpg

J'aimerai faire exactement comme le menu de gauche mais en HTML..

Merci beaucoup pour votre aide

[Bisûnûrs]

Hum ... Qu'as-tu déjà tenté de faire ?

(bah oui, forum d'entraide n'est pas synonyme de forum "faites moi mon script").

[JaMJaMs]

A vrai dire j'ai tenté pas mal de chose mais rien de bien concret, notamment la balise "<option>menu</option>" mais c'est pas trop ca..

Il suffit juste que l'on me dise quelle balise utilisé parce que je ne vois pas laquelle utiliser ..

merci

[Bisûnûrs]

Les balises UL et LI et un peu de CSS.

[JaMJaMs]

As-tu vu le menu que j'aimerai réaliser sur le capture d'écran que j'ai fourni ?

Parce que ca n'a rien à voir... enfin j'pense..

Mais merci quand meme

[Bisûnûrs]

et un peu de CSS

Sémantiquement parlant, il est préférable de présenter un menu avec une liste d'éléments.

Après, pour avoir le rendu que tu souhaites, c'est le CSS qui s'en charge. Et non l'aspect d'un élément qui ressemble vaguement à ce que tu veux mais qui sémantiquement n'a aucune signification dans le contexte.

Un exemple un peu con est pas forcément pertinent :

Tu veux un cheval rayé noir et blanc. Donc au lieu de peindre un vrai cheval dans ces tons là, tu vas préférer prendre un zèbre parce qu'il ressemble déjà à ce que tu veux.
Mais c'est sans compter qu'il est impossible de dresser un zèbre, donc il ne peut pas aller dans ce cas-là.

[JaMJaMs]

Meme en css je ne vois pas du tout comment faire, ...

pourrais-tu me donner un coup de main si possible ?

merci

[12monkeys]

Bonsoir

Les gens seront plus prompts à t'aider s'ils voient que tu fais des recherches par toi même...

Dis nous par exemple ce que tu n'arrives pas à faire !

Un exemple simple :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
ul {
    border : 1px solid black;
}
 
li {
    list-style-type : none;
    margin : 0;
    padding : 0;
}

Avec une bordure entourant ta liste, et une suppression des puces et des marges...