[Réglé] description et select attaché

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [Réglé] description et select attaché

ouiouioui10

ChuckNorris sait diviser par 0

Bonjour, je crée un listing avec des select pour personnaliser le listing et a chaque résolution ou redimensionnement je me retrouve avec une description à droite et le select en bas à gauche Je sais plus quoi faire.

résolution inferieur:

bout de code:

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>
New document
</title>
</head>
<body>
<div id="optionfiltre" style="text-align:left;margin: 5px 2px 5px 2px;line-height:22px;">
<input type="submit" value="Actualiser"> <a href="#" onclick="javascript:showorhide('optionfiltre', 'actualiser', 'non');return false;"><strong>Cacher Options</strong></a>  Langue: <select name="lang">
<option value="fr">
FranÃ§ais
</option>
<option value="en">
English
</option>
</select> Bot: <select name="bot">
<option value="oui">
Oui
</option>
<option value="non" selected="selected">
Non
</option>
</select> Mod: <select name="mod">
<option value="all">
Tous
</option>
<option value="oui">
ActivÃ©
</option>
<option value="non" selected="selected">
DÃ©sactivÃ©
</option>
</select> Type: <select name="type">
<option value="all">
Tous
</option>
</select> Punkbuster: <select name="punkbuster">
<option value="all">
Tous
</option>
<option value="oui" selected="selected">
ActivÃ©
</option>
<option value="non">
DÃ©sactivÃ©
</option>
</select> Pays: <select name="country">
<option value="all">
Tous
</option>
<option value="FR" selected="selected">
France
</option>
</select> Nb par page: <select name="page">
<option value="25">
25
</option>
</select><br>
</div>
</body>
</html>

Merci de votre aide.

Message édité par ouiouioui10 le 30-06-2008 à 17:37:06

Publicité

David Boring

Si je peux me permettre, c'est juste illisible, quel que soit la définition d'écran.
Mais sinon, pour bien faire je mettrais chaque élément du form dans un block.
Et n'oublie les balises <form> et <label>
http://www.alistapart.com/articles [...] ccessible/
http://www.alistapart.com/articles [...] sibleforms

Message édité par David Boring le 27-06-2008 à 14:45:20

ouiouioui10

ChuckNorris sait diviser par 0

form y est la j'ai collé juste ce qui pose problème, que ce soit court, j'ai vidé les select.

j'ai lu tes liens, si je les met tous à la ligne ma page va doubler de taille sa obligera à descendre à chaque page.

une fois les éléments fixe ensemble je verrai si je peux améliorer la lisibilité

merci quand même.

Message édité par ouiouioui10 le 27-06-2008 à 16:06:39

mIRROR

Chevreuillobolchévik

deja tes textes devraient etre dans des <label>ensuite chaque groupe label/select dans un span avec en css white-space:nowrap (et tu peux virer les   qui servent a rien)

edit:
exemple

Code :

<span class="nowrap">
    <label for="lang">Langue:&nbsp;</label>
    <select id="lang">blabla[...]
</span>

et en css

Code :

.nowrap {white-space:nowrap;}

Message édité par mIRROR le 28-06-2008 à 02:01:59

---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell

ouiouioui10

ChuckNorris sait diviser par 0

J'ai corrigé, c'est parfait.
label for j'avoue c'est la 1ère fois que j'y pense sa sera automatique désormais.

merci pour cette réponse complète.

FORUM HardWare.fr

Programmation

HTML/CSS

[Réglé] description et select attaché

Sujets relatifs
[Réglé] caractères possible sans risque	[Réglé] SQL Champs de même nom
[reglé] access, comment compter ?	[Résolu] Récupere la valeur d'un Select
[reglé] decalage ie6 en css	[RESOLU]SELECT MAX avec GROUP BY
[RESOLU] PHP+Form + select	Deux valeurs dans un sélect ?
Requête sur opération select max	Appel à accept() bloqué alors que le fd a été retourné par select()
Plus de sujets relatifs à : [Réglé] description et select attaché

Page générée en 0.071 secondes