[RESOLU] modifier largeur d'un champ

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : [RESOLU] modifier largeur d'un champ

Re: modifier largeur d'un champ

par jeremygoldyn » 09 janv. 2021, 21:56

Merci @rthur !

Ca fonctionne !
.selectpays
{
    max-width: 120px;
}

Re: modifier largeur d'un champ

par @rthur » 09 janv. 2021, 13:08

Il faut que tu appliques ton CSS sur <select name="pays">
Soit tu lui définis une class ou un id, soit (c'est moins propre) tu mets l'attribut style directement dans le code de ta balise.

modifier largeur d'un champ

par jeremygoldyn » 09 janv. 2021, 11:29

Hello tout le monde,

Je n'arrive pas à savoir quelle propriété et/.ou comment l'appliquer pour modifier la largeur d'un champ.
Ce champ est une liste de pays dans laquelle je vais chercher des infos depuis SQL.
Il prend la largeur du nom de pays le plus long.
J'aimerais que la largeur du champ soit de 300px.
Merci de votre aide.

Code html:

Code : Tout sélectionner

<div class="labelpays"> <div>Pays</div> <select name="pays"> <?php $requete = 'SELECT pays_nom FROM pays'; $liste_pays = $bdd->query($requete); while ($donnees = $liste_pays->fetch()) { echo '<option value="' . $donnees['pays_nom'] . '">' . $donnees['pays_nom'] . '</option>'; } ?> </select></div>
Code CSS

Code : Tout sélectionner

.labelpays { border: rgb(206, 206, 206); border-style: solid; border-width: 1px; margin-right: 12px; color: rgb(251, 124, 41,1); border-radius: 2px; padding-top: 10px; padding-bottom: 8px; padding-left: 25px; padding-right: 107px; }