IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

<option> changer la couleur et/ou aligner


Sujet :

Positionnement en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Homme Profil pro
    Assistant aux utilisateurs
    Inscrit en
    Janvier 2018
    Messages
    300
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 29
    Localisation : France, Seine Maritime (Haute Normandie)

    Informations professionnelles :
    Activité : Assistant aux utilisateurs
    Secteur : Distribution

    Informations forums :
    Inscription : Janvier 2018
    Messages : 300
    Par défaut <option> changer la couleur et/ou aligner
    Bonjour,
    J'ai le code suivante :
    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
    			<select id="client_societe_build" class="form-control mx-sm-3 mb-2" onchange="ficheclient(this.value)">
    				<?php
                                    $client = $bdd->prepare('SELECT DISTINCT client_societe, client_id, client_ville, client_mail
                                            FROM client
                                            WHERE client_contact = :client_contact
                                            ORDER BY client_societe ASC');
                                    $client->execute([
                                            ':client_contact' => $_SESSION['Contact_id']
                                    ]);
                                    echo "<option></option>";
                                    while ($data = $client->fetch(PDO::FETCH_ASSOC)) {
                                            echo "<option value=\"{$data['client_id']}\">
                                                    {$data['client_societe']}  ||  {$data['client_ville']} ||  {$data['client_mail']}
                                            </option>";
                                    }
                                    $client->closeCursor();
                                    ?>
    			</select>
    Ce qui me donne:
    Nom : de.png
Affichages : 92
Taille : 14,7 Ko
    J'ai donc mon client, sa ville, et son mail. Je souhaiterai dans un premier temps changer les couleurs de chacun de ses paramètres à l'intérieur de l'<option>. Mais les span du type :
    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    <span style=\"color:white\">{$data['client_mail']}</span>
    ne fonctionne pas.
    Autre chose : à la place des couleurs, je souhaiterai, plutôt que faire des "||", aligner à gauche le client, center la ville et aligner à droite son mail. Pareil, les float, align, ne fonctionne pas.
    Une idée pour répondre à ma problématique? Mon objectif et de rendre plus clair l'affichage de ces paramètres, je suis ouverts à tout

  2. #2
    Membre Expert
    Avatar de Doksuri
    Profil pro
    Développeur Web
    Inscrit en
    Juin 2006
    Messages
    2 501
    Détails du profil
    Informations personnelles :
    Âge : 55
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2006
    Messages : 2 501
    Par défaut
    on ne peu pas 'styliser' un select comme on le ferait pour un element lambda...
    si tu veux faire des select 'custom', tu vas devoir les 'simuler' toi-meme (avec des divs)
    La forme des pyramides prouve que l'Homme a toujours tendance a en faire de moins en moins.

    Venez discuter sur le Chat de Développez !

  3. #3
    Membre éclairé
    Homme Profil pro
    Assistant aux utilisateurs
    Inscrit en
    Janvier 2018
    Messages
    300
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 29
    Localisation : France, Seine Maritime (Haute Normandie)

    Informations professionnelles :
    Activité : Assistant aux utilisateurs
    Secteur : Distribution

    Informations forums :
    Inscription : Janvier 2018
    Messages : 300
    Par défaut
    Merci pour ta réponse, même si elle me déçoit beaucoup.
    Il y a plus de 20 ans on pouvait faire ça sous access:
    Nom : baaa.png
Affichages : 86
Taille : 7,3 Ko
    On est pas capable de faire quelque chose d'équivalent simplement?
    Je veux pas forcément stylisé beaucoup mon <option>, je veux simplement charger 2 éléments et les afficher proprement.
    Il n'y a vraiment rien qui existe là-dessus?

  4. #4
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 215
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 215
    Par défaut
    Bonjour,
    On est pas capable de faire quelque chose d'équivalent simplement?
    la réponse est sans appel, NON pour le « simplement », donc comme déjà dit, tu peux toujours regarder du côté des « custom select ».

    J'avais fait : Liste <ul> like a <select> ou presque ....

  5. #5
    Membre éclairé
    Homme Profil pro
    Assistant aux utilisateurs
    Inscrit en
    Janvier 2018
    Messages
    300
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 29
    Localisation : France, Seine Maritime (Haute Normandie)

    Informations professionnelles :
    Activité : Assistant aux utilisateurs
    Secteur : Distribution

    Informations forums :
    Inscription : Janvier 2018
    Messages : 300
    Par défaut
    Merci pour vos réponses

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [WD14] Changer la couleur texte options selecteur
    Par cuiny dans le forum WinDev
    Réponses: 2
    Dernier message: 09/06/2017, 10h46
  2. Changer le couleur par défaut du navigateur select option
    Par crush09 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 25/02/2013, 05h49
  3. [VB6]Changer la couleur d'une ligne d'un ListView
    Par Troopers dans le forum VB 6 et antérieur
    Réponses: 3
    Dernier message: 14/03/2003, 17h02
  4. Changer la couleur de fond de l'écran
    Par tnk dans le forum x86 16-bits
    Réponses: 5
    Dernier message: 19/01/2003, 01h37
  5. Changer les couleurs de la palette avec du RGB
    Par le mage tophinus dans le forum x86 16-bits
    Réponses: 11
    Dernier message: 13/01/2003, 08h55

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo