Discussion :

[Zarkoffe]

Bonjour,
J'ai le système actuel:

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
 
<?php $requete = $bdd->prepare('
                        SELECT DISTINCT
                                        client_societe,
                                        CONCAT(client_societe, "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;", client_ville) AS libelle
                        FROM client
                        WHERE client_contact = ?
                        ORDER BY `client_societe` ASC'
        );
        $requete->execute( array( $_SESSION['Contact_login'] ) );
        $clients = $requete->fetchAll();
        $requete->closeCursor(); ?>
 
<div class="form-group col-md-4"></div>
	<div class="form-group col-md-4">
	    <select name="client_societe" id="client_societe" class="form-control" onchange="showUser(this.value)">
			<?php foreach( $clients as $client ) { ?>
				<option value="<?php echo $client['client_societe']; ?>"><?php echo $client['libelle']; ?> </option>
			<?php } ?>
  		</select>
    </div>
	<div class="form-group col-md-4"></div><br />
	<img src="../Assets/cont.png" class="img-rounded" alt="head" style="max-width: 40%;">
</div>

Qui donne:


Mon soucis: comme vous le voyez, comme je ne fais que des espaces html, ce n'est pas aligné. Il faudrait que je fige mes client_ville à droite.
Comment faire depuis mon code? merci

[NoSmoking]

Bonjour,
les <option> des <select> ne sont pas formatable à souhait et pour faire deux colonnes, ou donner l'illusion que, tu peux opter pour une font-family: monospace, le résultat n'est pas chou mais bon ..!

L'autre solution est de passer par des « select LIKE ».

[Zarkoffe]

Bonjour,

J'essaye de fixer mon client_ville à droite. Seulement ça ne fonctionne pas. Une idée? merci

Code HTML :

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

1
2
3
4
5
6
7
8
<select name="client_societe" id="client_societe" class="form-control" onchange="showUser(this.value)">
    <?php foreach( $clients as $client ) { ?>
        <option value="<?php echo $client['client_societe']; ?>">
        <div id="societe" style="float: left;"><?php echo $client['client_societe']; ?></div>
        <div id="ville" style="text-align:right; float:right;"><?php echo $client['client_ville']; ?></div>
        </option>
    <?php } ?>
</select>

[Vil'Coyote]

https://developer.mozilla.org/en-US/...Element/option

des div dans une balise option c'est pas trop fait pour ça ...

[Zarkoffe]

Merci mais cette solution ne me propose que de faire un tri à partir du select, qui touchera donc mes 2 éléments.
Je souhaiterai fixer client_societe à gauche, et client_ville à droite.
Merci d'avance

[NoSmoking]

	Merci de ne pas ouvrir une nouvelle discussion surtout en ne répondant pas à la première (donc ... fusion des 2 discussions)

Comme dit précédemment un <select> et ses <option> ne sont pratiquement pas « stylable » et qui plus est de façon très aléatoire suivant les navigateurs. De plus du code HTML n'est pas pris en charge dans les <option>.

L'autre solution est de passer par des « select LIKE », entendre par là des <select> customisés.

[Zarkoffe]

d'accord merci pour vos réponses.
Comment puis-je réaliser cela avec des SELECT LIKE pour fixer à droite mes client_ville?
merci

[NoSmoking]

Tu peux par exemple partir sur une liste <ul> et gérer cela en JavaScript, mais il doit bien exister des « plugin » sur le sujet.

Au cas où, il faudrait que je mettes un de mes projets au « propre » !

[Vil'Coyote]

en regardant vite fait sur internet, j'ai trouvé sur un autre forum cet exemple https://codepen.io/quenti77/pen/PEXWXe

[NoSmoking]

Au cas où, il faudrait que je mettes un de mes projets au « propre » !

j'ai mis un exemple en ligne : custom-select en utilisant ce que j'avais fait.

L'approche/philosophie de réalisation est très proche que celle donnée par Vil'Coyote dans son lien.