hola yo quiero incluir varios parrafos de texto pero necesito meterlo en una caja de 350 px de alto.
como puedo hacer para crear esa caja y que tenga barra de desplazamiento lateral???
de antemano gracias
08/01/2009, 06:33
| ||||
| ||||
| se puede con css hacer barra de desplazamiento??? hola yo quiero incluir varios parrafos de texto pero necesito meterlo en una caja de 350 px de alto. como puedo hacer para crear esa caja y que tenga barra de desplazamiento lateral??? de antemano gracias |
|
08/01/2009, 07:35
| ||||
| ||||
| Respuesta: se puede con css hacer barra de desplazamiento??? puedes hacerlo de esta manera:
Código:
#caja{ width:300px; height:350px; border:1px solid #000000; overflow:auto}
.texto{font-family:Arial, Helvetica, sans-serif; font-size:15px; padding:10px}
Código HTML: <div id="caja"> <div class="texto"> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto <br /> texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div></div> Última edición por willyfc; 08/01/2009 a las 09:02 |
|
08/01/2009, 07:59
| ||||
| ||||
| Respuesta: se puede con css hacer barra de desplazamiento??? Anoche justo he hecho una en mi paginita; ahora estoy en la duda de si no usaré esta Willy.  |
|
08/01/2009, 09:34
| ||||
| ||||
| Respuesta: se puede con css hacer barra de desplazamiento??? Cita: jeje, pues probemoslo y me avisas que tal
Iniciado por pao01  Anoche justo he hecho una en mi paginita; ahora estoy en la duda de si no usaré esta Willy. |
|
08/01/2009, 09:40
| ||||
| ||||
| Respuesta: se puede con css hacer barra de desplazamiento??? Esta muy bien lo que dice willyfc pero poniendole overflow:auto, también habilita el scroll horizontal, para que esto no suceda hace lo siguiente: Cita: #caja{ width:300px; height:350px; border:1px solid #000000; overflow-y:auto} .texto{font-family:Arial, Helvetica, sans-serif; font-size:15px; padding:10px}  |
|
08/01/2009, 09:47
| ||||
| ||||
| Respuesta: se puede con css hacer barra de desplazamiento??? pero el problema de usar overflow-y es que por ejemplo mozilla y chrome no le hacen caso y en IE6 hace que el ancho de la caja crezca y puede deformar el diseño dependiendo de para que se este usando la caja. ademas el scroll horizontal solo estará cuando exista una palabra o una imagen que sobrepase el ancho de la caja. |
|
08/01/2009, 10:03
| ||||
| ||||
| Respuesta: se puede con css hacer barra de desplazamiento???  testeado en FF, IE7, IE6, chrome, opera Cita: anda perfectamente en todos.....probalo!<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>New Document</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <style> #caja{overflow-y:auto;width:250px;height:200px;} </style> </head> <body> <div id="caja"> <p> textos del sitio con scroll, textos del sitio con scroll, textos del sitio con scroll, textos del sitio con scroll, textos del sitio con scroll, textos del sitio con scroll textos del sitio con scroll, textos del sitio con scroll, textos del sitio con scroll, textos del sitio con scroll, textos del sitio con scroll, textos del sitio con scroll textos del sitio con scroll, textos del sitio con scroll, textos del sitio con scroll, textos del sitio con scroll, textos del sitio con scroll, textos del sitio con scroll textos del sitio con scroll, textos del sitio con scroll, textos del sitio con scroll, textos del sitio con scroll, textos del sitio con scroll, textos del sitio con scroll textos del sitio con scroll, textos del sitio con scroll, textos del sitio con scroll, textos del sitio con scroll, textos del sitio con scroll, textos del sitio con scroll textos del sitio con scroll, textos del sitio con scroll, textos del sitio con scroll, textos del sitio con scroll, textos del sitio con scroll, textos del sitio con scroll </p> </div> </body> </html> |
|
08/01/2009, 10:22
| ||||
| ||||
| Respuesta: se puede con css hacer barra de desplazamiento??? ademas el scroll horizontal solo estará cuando exista una palabra o una imagen que sobrepase el ancho de la caja. te cuento que copie y pegué tu código en mi editor y de todas maneras me aparece el scroll si un texto o una imagen sobrepasa el ancho, y si fuera por eso de todas maneras lo controlarás cuando le des formato al texto ojo! no lo digo por armar un tema de discusión, pero creo que eso es CSS3, y yo defiendo mi posición por que evito utilizarlo ya que aún hay varias cosas que no funcionan y la verdad que en este caso no lo considero necesario por que como dije ese ancho se controlará cuando se le de el formato deseado ya sea usando un div o un p bueno es mi punto de vista (o no se si estoy con mis babosadas y no estoy entendiendo como debe ser lo que estas diciendo  ) el que abrió el tema que vea la mejor forma de utilizar la ayuda que le brindamosSaludos DragonX |
