Une liste de choix

Version imprimable

28/09/2013, 22h46
aertys

Une liste de choix

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]

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

Code:

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>

Citation:

Envoyé par aertys

Pour les flemards

Vous ?

29/09/2013, 07h51
hackoofr

Citation:

Pour les flemards

:koi: :koi:
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
29/09/2013, 09h57
rodolphebrd

Bonjour,

que cherchez-vous exactement ?
29/09/2013, 12h17
aertys

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.
29/09/2013, 12h30
rodolphebrd

Votre image ne passe pas, il faut l'uploader en utilisant le bouton "picto trombone" pour ajouter une pièce jointe.
29/09/2013, 15h38
aertys

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:

<fieldset>1</fieldset>
29/09/2013, 16h16
rodolphebrd

On peine à vous suivre :?

Postez plus de code pour qu'on comprenne mieux votre demande.