Discussion :

[Jinx_]

Bonsoir,

Comment définir la largeur d'un composant 'SELECt' ?

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<select name="dvdArea" size=1 >
<option value="0">TEST</option>
<option value="1">Annimation-Japonaise</option>
<option value="2">Annimation-Nostalgie</option>
<option value="3">Annimation-Autre</option>
<option value="4">Série Américaine</option>
<option value="5">Série Francaise</option>
<option value="6">Fiction</option>
<option value="7">Comédie</option>
<option value="8">Horreur</option>
<option value="9">Fantastique</option>
</select>

J'ai essayé width=100 et des chose comme ca mais en vain.

Par ailleurs j'ai cherché rapidement sur google un cours détaillé sur le HTML mais je n'ai trouvé que des introduction basic qui ne répondent pas a mes question. Une idée ?

Merci.

J.

[12monkeys]

Bonsoir

Cela peut se faire en CSS :

Tu ajoutes dans le head :

Code :

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

1
2
3
4
5
6
<style type="text/css">
select {
    width: 100px;
}
</style>
</head>

Si tu t'y connais en CSS tu sauras facilement comment exporter ce code dans un fichier externe. Sinon un peu de lecture : http://a-pellegrini.developpez.com/t...ss/formulaire/

[Jinx_]

Merci, mais Cela ne fonctionne pas. Si quelqu'un a une idée...

J

[12monkeys]

Ben si ça fonctionne très bien...

On peut voir ton code ? Avec quel navigateur teste tu ?

[Jinx_]

Non, tu as raison. Ca fonctionne bien. Merci. Mais a condition de mettre cette config dans l'en-tête de la page et non dans le select lui même.

Mais comment directement dans le <select> faire que cette largeur (width: 535px, par exemple) soit prise en compte.

J'ai essayée ca, ma ca ne marche pas.

Code :

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

1
2
 
<select name="Area" size=1 width: 535px>

Une idée ?

J.

[12monkeys]

Une idée ?

Bien sur

Utilises l'attribut style :

Code :

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

<select name="Area" size=1 style="width:535px">