Foros del Web » Creando para Internet » HTML »

Colocar barra desplazamiento vertical en una celda

Estas en el tema de Colocar barra desplazamiento vertical en una celda en el foro de HTML en Foros del Web. Hola a todos; necesito colocar en una celda un texto que es mas grande que el tamaño de la celda, pero no quiero que se ...
  #1 (permalink)  
Antiguo 07/04/2010, 05:25
 
Fecha de Ingreso: febrero-2008
Mensajes: 675
Antigüedad: 9 años, 10 meses
Puntos: 5
Colocar barra desplazamiento vertical en una celda

Hola a todos;
necesito colocar en una celda un texto que es mas grande que el tamaño de la celda, pero no quiero que se me desplace hacia abajo la celda para que no me descuadre. ¿Hay alguna manera que dentro de esa celda pueda haber una barra de desplazamiento vertical?

Un saludo
  #2 (permalink)  
Antiguo 07/04/2010, 06:58
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: Colocar barra desplazamiento vertical en una celda

Ponele un alto fijo a tu celda y un overflow:auto y asunto resuelto. ¿Cómo? algo así:

en tu HTML:
Cita:
<td class="celdaconscrol"><p>texto...textos</p></td>
en tu CSS
Cita:
.celdaconscrol{height:250px !important; overflow-y:auto;}
Espero te sirva!
  #3 (permalink)  
Antiguo 07/04/2010, 09:25
 
Fecha de Ingreso: febrero-2008
Mensajes: 675
Antigüedad: 9 años, 10 meses
Puntos: 5
Respuesta: Colocar barra desplazamiento vertical en una celda

Me a funcionado, pero en vez del TD le he tenido que colocar la clase en un div. Muchas gracias.
Otra cosa, y si quisiera darle formato a la barra vertical? me gustaria colocarle unos colores para que se integren en la web.
Un saludo
  #4 (permalink)  
Antiguo 07/04/2010, 09:51
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: Colocar barra desplazamiento vertical en una celda

Código CSS:
Ver original
  1. "nombre de class o id del div" {
  2. scrollbar-face-color: #006699;
  3. scrollbar-shadow-color: #DEEBF5;
  4. scrollbar-highlight-color: #DEEBF5;
  5. scrollbar-3dlight-color: #5F8ABD;
  6. scrollbar-darkshadow-color: #5F8ABD;
  7. scrollbar-track-color: #F5F5F5;
  8. scrollbar-arrow-color: #FFFFFF;
  9. }

ojo, solo sirve para Explorer


Etiquetas: barra, celda, desplazamiento, 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 20:06.