Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: 01munrra en 26 Agosto 2013, 03:13 am



Título: Ayuda con un poco de css(solucionado)
Publicado por: 01munrra en 26 Agosto 2013, 03:13 am
Saludos!!

Amigos les comento, estoy haciendo una aplicacion, y estoy con unos cuadros de texto, fijense en la siguiente imagen:

(http://dc701.4shared.com/img/byG3zcjT/s7/140b82aa428/Document.png?async&rand=0.3721259646117687)

y pues lo que quiero es aplicarles propiedades de css, de modo que quede bien formado, con sus medidas entre cada box, ahora fijense, cuando le ingreso mas texto se desordena completamente, miren la siguiente imagen:

(http://dc701.4shared.com/img/kOFipoTQ/s7/140b82a84e8/Document2.png?async&rand=0.878824949497357)

 que puedo hacer, que propiedades de css uso.... aqui les dejo el css que estoy aplicando:
Código
  1. .opciones{  
  2. margin-top: 2em;
  3.    margin-bottom: 5em;
  4.    margin-left: 1em;
  5.    margin-right: 5em;
  6.    padding: 5px;  
  7.    font-size: 15px;    
  8.    text-decoration: none;
  9.    overflow: scroll;
  10.    width: 5%;
  11.    height: 100px;
  12.  
  13.    -webkit-box-sizing: border-box;
  14.    -moz-box-sizing: border-box;
  15.    box-sizing: border-box;
  16.  
  17.    outline: none;  
  18. background-color: white;
  19.    background: -moz-linear-gradient(#bcbcbe,  #ffffff);  /*Degradado*/
  20.    -webkit-border-radius: 3px;  
  21.    -moz-border-radius: 3px;  
  22.    border-radius: 3px;  
  23.    border: 1px solid #b6c3f8;  /*Color del borde del box*/
  24.    -webkit-box-shadow: 1px 1px 0px #5370e1;  /*Sobra del Box para firefox*/
  25.    -moz-box-shadow: 1px 1px 0px #5370e1;  /*Sobra del Box para chrone, safari*/
  26.    box-shadow:  1px 1px 0px #5370e1;  /*Sobra del Box*/
  27. }
  28.  

Gracias!!!


Título: Re: Ayuda con un poco de css
Publicado por: itzg3 en 27 Agosto 2013, 15:42 pm
Hola viendo la situacion yo ordenaria cada opcion dentro de un tag como por ejemplo:
<p></p> o <span></span> o encerrarlos en dos bloques de lista con su respectivo link en fin y luego le das etilo a cada uno respecto al lugar donde se encuentren.


Título: Re: Ayuda con un poco de css
Publicado por: 01munrra en 28 Agosto 2013, 01:23 am
itzg3, me funciona,;!!!!! tan sencilla y eficaz tu respuesta.... Gracias!!!!  ;-)