Une liste de choix

**aertys** · 28/09/2013, 22h46

Bonsoir tout le monde!
je voudrais vous de quelle façon faire en html ou en css une liste de choix sous forme horizontale, vous savez avec des flèches sur les cotés, bref comme on voit à chaque recherche sur google?
Pour les flemards, allez voir en bas de cette page : https://www.google.com/webhp?hl=fr&t...e#hl=fr&q=asie (sachez seulement que celle-ci est un peu trop habillée, je voudrais faire un truc très simple!)
Pour exemple, voilà : [IMG]file:///home/yann/dev/PWEB/TP1/images/listechoix[/IMG]

**Muchos** · 29/09/2013, 01h46

Je ne vois pas de quoi vous parlez exactement, mais voilà un exemple qui peut vous aider :

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
<!doctype html>
<html dir="ltr" lang="fr-FR">
<head>
  <meta charset="UTF-8" />
  <title>Liste horizontale</title>
  <style type="text/css">
li {
  display: inline;
  /* ou ``inline-block`` */
}
li::before {
  content: "> ";
}
  </style>
</head>
<body>
  <ul>
    <li>foo</li>
    <li>bar</li>
    <li>lol</li>
  </ul>	
</body>
</html>

Envoyé par aertys

Pour les flemards

Vous ?

**hackoofr** · 29/09/2013, 07h51

Pour les flemards

Je réponds juste sur la façon de demander de l'aide à votre interlocuteur

Vous devez vous rappeler que pour résoudre un problème, il faut d'abord le comprendre. Il peut vous sembler évident qu'en écrivant 3 lignes votre interlocuteur saura directement de quoi vous parlez, mais ce n'est pas le cas.

Il faut en conséquence vous exprimer le plus clairement possible et inclure moult détails. Plus vous serez précis dans votre description, plus une personne expérimentée sera apte à identifier votre problème et éventuellement à le résoudre. En mettre trop est bien mieux que ne pas en mettre assez.

Voyons dans l'ordre ce qui fera de votre demande d'aide une demande compréhensible. Voici ce que vous devrez sûrement inclure (cela dépend évidemment des cas et rien n'est figé) :

1. Ce que vous cherchez à réaliser
2. Ce que vous faites pour y arriver
3. Ce que "l'élément informatique" répond

**rodolphebrd** · 29/09/2013, 09h57

Bonjour,

que cherchez-vous exactement ?

**aertys** · 29/09/2013, 12h17

J'ai essayé de vous montrer ce que je veux en éditant mon précédent message, mais je ne sait as si ça marche. Ce que j'ai dit tient toujours, ma liste se trouve tout en bas de chaque recherche google, mais sans aucune décoration,ou si vous voulez une ul sous forme horizontale.

**rodolphebrd** · 29/09/2013, 12h30

Votre image ne passe pas, il faut l'uploader en utilisant le bouton "picto trombone" pour ajouter une pièce jointe.

**aertys** · 29/09/2013, 15h38

Je pense tout de même avoir trouvé une mabière de faire avec une série de fieldset, pourriez-vous simplement me dire si vous savez comment rendre transparent uniquement le cadre autour du 1 dans :

Code :

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