Foros del Web » Creando para Internet » CSS »

Radio buttons en vertical

Estas en el tema de Radio buttons en vertical en el foro de CSS en Foros del Web. Hola a tod@s. Tengo unos radiobuttons en un formulario que me aparecen en horizontal y quisiera que se mostraran en vertical. Supongo que será una ...
  #1 (permalink)  
Antiguo 10/03/2011, 09:59
 
Fecha de Ingreso: febrero-2010
Mensajes: 295
Antigüedad: 14 años, 2 meses
Puntos: 58
Radio buttons en vertical

Hola a tod@s.
Tengo unos radiobuttons en un formulario que me aparecen en horizontal y quisiera que se mostraran en vertical. Supongo que será una chorrada pero no doy con ella. Pensé que sería poniendo display:block en el div contenedor de los radiobuttons pero no me funciona.
¿Alguien sabe cual es la forma más sencilla para que aparezcan en vertical?

Gracias. Un saludo.
  #2 (permalink)  
Antiguo 10/03/2011, 10:20
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 13 años, 3 meses
Puntos: 36
Respuesta: Radio buttons en vertical

El display:block debería estar definido para los <input type="radio"> en lugar de para su contenedor en todo caso, pero no creo que sea lo que quieres hacer.
Yo me decantaría por usar la etiqueta <br/> en este caso aunque no suelo ser partidario de ellas.
También podriás encerrar cada radiobutton con su texto en una etiqueta <p> o <div>
  #3 (permalink)  
Antiguo 10/03/2011, 10:31
 
Fecha de Ingreso: febrero-2010
Mensajes: 295
Antigüedad: 14 años, 2 meses
Puntos: 58
Respuesta: Radio buttons en vertical

Ah! que cosas, no había pensado en <br>.
Creo que usaré eso, es sencillo y práctico. Así me vale como queda.
Muchas gracias. Un saludo.
  #4 (permalink)  
Antiguo 10/03/2011, 13:21
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 10 meses
Puntos: 539
Respuesta: Radio buttons en vertical

Por sugerencias que no queden. Así que aquí va la mía, más que nada porque no me gusta nada el uso de <br /> para lograr separaciones (excepto el retorno de carro en los textos y caso más imposibles).
Supongo que su código será algo como:
Código HTML:
Ver original
  1. <form...>
  2.    <label>
  3.       <input type="radio" name="nombre" value="#" checked="checked">
  4.       Texto explicativo
  5.     </label>
  6. ...
  7. </form>
Sólo tiene que declarar los label como elementos de bloque para que cada radio se vaya a la línea de abajo pero mantenga su texto al lado.

Etiquetas: radio, vertical
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:00.