Tableau avec des ul et li

**Oberown** · 19/07/2007, 12h16

Bonjour,

Avec un lu et des li je fais un tableau "dynamique" qui sa taille s'adapte à la taille de l'écran.

Mon problème ne connaissant pas la taille des éléments, je voudrais ne pas utiliser "width" comment faire ? Si j'enleve width mes donnés ne sont plus alignés.

Code :

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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 

<html> 
<head> 
<title>test</title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<style type="text/css">

ul
{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

li
{
 float: left;
 width: 300px;
}


</style>
</head>

<body>
<form action="post">
<ul>
<li><input  type="radio" />Albert</li>
<li><input  type="radio" />Bertrand</li>
<li><input  type="radio" />Cedric</li>
<li><input  type="radio" />Didier</li>
<li><input  type="radio" />Francois</li>
<li><input  type="radio" />Jean-Robert De machin chose</li>
<li><input  type="radio" />Luc</li>
<li><input  type="radio" />Patrick</li>
<li><input  type="radio" />Rick</li>
<li><input  type="radio" />Aymeric lecomte vassalle</li>
<li><input  type="radio" />Simon</li>
</ul>
</form>
</body>
</html>

Merci pour votre aide apporté.

**BnA** · 19/07/2007, 12h31

Salut!

En copiant/collant ton code tel quel, ça foire méchamment.

En enlevant les attributs que tu déclare pour ton <li>, les items de ta liste se positionne un en-dessous de l'autre, bien alignés.

Maintenant, est-ce ce que tu désire?

**Oberown** · 19/07/2007, 13h13

J'ai corrigé le code, j'ai mis le width plus grand.

Ca marche sur IE6, et Firefox 1.5

Ce que je veux c'est d'avoir le même résultat sans à avoir définir la taille du li.

**BnA** · 19/07/2007, 13h37

Même résultat?

A savoir?

**Oberown** · 19/07/2007, 13h46

Quel explorateur utilises-tu ?
Est-ce que d'autres personnes ont le même problème ?

Je ne veux pas que mes items soit alignés en dessous sur sous l'autre. Mais je veux qu'il soit en dessous comme un tableau sur plusieurs colonnes.

**balu** · 19/07/2007, 15h01

Pourquoi n'utilises-tu pas un vrai tableau pour représenter tes données tabulaires?

Une liste n'est pas faites pour représenter un tableau.

**BnA** · 19/07/2007, 15h50

Envoyé par balu

Pourquoi n'utilises-tu pas un vrai tableau pour représenter tes données tabulaires?

Une liste n'est pas faites pour représenter un tableau.

+1

**Oberown** · 19/07/2007, 17h58

Je ne fais pas un tableau car avec cette méthode le nombre de colonnes varie en fonction de la taille de la fenêtre.

Prenez mon code et réduisez la taille de la fenêtre, pour mieux comprendre.

**BnA** · 19/07/2007, 18h07

Si tu ne veux vraiment pas utiliser de width, tu devra utiliser un tableau pour que tes éléments soient alignés.

En effet, comment veux-tu aligner (verticalement) plusieurs colonnes d'éléments dont la largeur est variable sans utiliser de tableau?

Ou alors, tu utilise le width...

'fin, y'a ptet une autre solution, mais alors je sèche...

Tableau avec des ul et li

Tableau en CSS

Discussions similaires

Partager

Partager