Aligner bouton radio en CSS

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 !

23 mai 2007, 17:36

Essaie text-align: center.

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

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

D'autres idées ?

Thx

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)

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;
}

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.

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 !

Aligner bouton radio en CSS

Qui est en ligne