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...
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
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 :
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 :
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 !