Page 1 sur 1

Aligner bouton radio en CSS

Posté : 23 mai 2007, 16:50
par charabia
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 !

Posté : 23 mai 2007, 17:36
par Victor BRITO
Essaie text-align: center.

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

Posté : 24 mai 2007, 09:02
par charabia
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 ;)

Posté : 24 mai 2007, 12:17
par Cyrano
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)

Posté : 24 mai 2007, 14:13
par Victor BRITO
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; }

Posté : 24 mai 2007, 17:51
par Cyrano
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.

Posté : 25 mai 2007, 08:56
par charabia
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 !