Aligner bouton radio en CSS

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 : Aligner bouton radio en CSS

par charabia » 25 mai 2007, 08:56

Merci beaucoup pour votre aide :)

En fait c'est du visual studio, et c'est le serveur qui s'occupe de créer automatiquement un tableau et les cellules en question, je n'ai donc aucun moyen de rajouter quoique ce soit, listes ou autres.

Je vais essayer de faire des tites bidouilles. Je vais mettre comme résolu ;)

Merci !

par Cyrano » 24 mai 2007, 17:51

Ou plus simple, si par exemple ton input est contenu dans un élément p, tu appliques la propriété CSS au conteneur comme suit :

Code : Tout sélectionner

p { text-align: center; }
Si tu n'as pas d'autre <p> dans la page, pas de problème, mais sinon, tout sera centré, ce qui n'est peut-être pas approprié pour toute la page... d'où l'intérêt de remonter dans le DOM pour trouver un identifiant utilisable et de se servir de l'héritage CSS.

par Victor BRITO » 24 mai 2007, 14:13

Ou plus simple, si par exemple ton input est contenu dans un élément p, tu appliques la propriété CSS au conteneur comme suit :

Code : Tout sélectionner

p { text-align: center; }

par Cyrano » 24 mai 2007, 12:17

As-tu un élément parent (ul ou plus haut dans l'arbre DOM) qui soit assorti d'un attribut ID que tu peux utiliser ? Dans ce cas, tu peux agir par héritage en pointant à partir de cet identifiant. Par exemple :

Code : Tout sélectionner

div#maliste ul li input { position: relative left: 50%; width: 24px; margin-left: -12px; }
Ça devrait centrer tes boutons radio, mais seulement ceux contenus dans le UL lui-même se trouvant dans le div identifié par "maliste", mais en aucun cas ceux pouvant se trouver ailleurs. (Sous réserve quand même, à tester bien entendu)

par charabia » 24 mai 2007, 09:02

Merci victor ;)

C'est ce que j'ai essayé avant de venir ici, mais ça ne marche hélàs pas. Le text-align fait référence à un conteneur je crois. En le faisant je savais d'avance que ça ne marchait pas lol c'était juste par désespoir :langue:

D'autres idées ?

Thx ;)

par Victor BRITO » 23 mai 2007, 17:36

Essaie text-align: center.

Et pour centrer verticalement, essaie vertical-align: middle.

Aligner bouton radio en CSS

par charabia » 23 mai 2007, 16:50

Bonjour !

Suite à des contraintes techniques, je n'ai ni accès à la ligne du tableau, ni à l'input radio lui même. Tout est généré dynamiquement.

Je voudrais faire centrer tous mes boutons radios au centre par défaut dans ma feuille de style, seul endroit accessible.

Savez-vous quel style je peux utiliser pour faire ça ? Est-ce possible je ne le sais même pas...

Code : Tout sélectionner

input.radio {...?...}
Merci !