Entrar

barras de desplazamiento o scroll

elpiterpan · · Solicitar retirada
Buenas gente tengo una duda, creo que todos conocen las barras de desplazamiento o scroll no? es que tenes a la derecha y que usas para subir y bajar la pagina. yo quisiera saber como ponerle una a mi web. La misma en el medio tiene como un globo blanco donde dentro va toda la informacion y obviamente es chiquito para meterle mucho texto. Yo quisiera saber si a ese globo se le puede crear una barras de desplazamiento asi no tener que hacer tantas paginas para solo texto me entienden? les dejo el link de mi pagina para que vean a lo que me refiero:

http://www.todoanimanga.com.ar/historia/historia.html

Desde ya gracias por la ayuda.
lantiga · · Solicitar retirada
Lo único que necesitas es poner un div o un td y poner estas características:



Contenido del div o del td { WIDTH: 618px ; height: 310px ; overflow-x: hidden; overflow-y: auto; };

El ancho y el largo los modificas por que lo he hecho a ojo de buen cubero ; le puedes poner bordes si quieres.
elpiterpan · · Solicitar retirada
Exactamente amigo:D muchas gracias por la respuesta, donde tengo que poner ese codigo? en la imagen?
lantiga · · Solicitar retirada
Si lo quieres colocar como pienso, debes intentar meterlo en el espacio o imagen blanco de tu web como un div o capa flotante ;
Yo lo tengo definido como div y enlazado con el css pero tu hazlo como quieras
elpiterpan · · Solicitar retirada
si quiero meterlo justo a la derecha del globo blanco que les comentaba, me das una manito de como hacerlo? porque me cuesta un poco el tema de los div.
lantiga · · Solicitar retirada
Bueno el div seria este <div id="contenido1"> Aquí iría el contenido que quieres meter , ya sea texto imágenes o lo que se te ocurra </div>.


En tu CSS o hoja de estilo lo defines así :

#contenido1 { WIDTH: 618px ; height: 310px ; overflow-x: hidden; overflow-y: auto; }

Y si quires que flote puedes incluir la propiedad float :

float:left :Flota a la izquierda

float:right : Flota a la derecha

float:center : Flota en el centro
elpiterpan · · Solicitar retirada
a ver te cuento: La imagen a la que le quiero poner la barra vendria a ser esta

<td class="contenido" colspan="13"></div>

y en el css:

td.contenido {background-image: url(imagenes/anime_26.jpg); padding:161px 118px 161px 118px ; text-align:center; }

como hago a eso para ponerle el div de la barra? esta un poco confuso.
lantiga · · Solicitar retirada
Prueba esto haber como queda y me cuentas:

En html:

<div id="contenido1">
<td class="contenido" colspan="13"></div>
</div>

En CSS:

td.contenido {background-image: url(imagenes/anime_26.jpg); padding:161px 118px 161px 118px ; text-align:center; }

#contenido1 {float:center; WIDTH: 310px ; height: 310px ; overflow-x: hidden; overflow-y: auto; }
elpiterpan · · Solicitar retirada
la pegue, hice exactamente lo mismo, pero a la imagen no le pasa nada y arriba de la pagina, arriba de la cabecera aparece un gran rectangulo en blanco.
lantiga · · Solicitar retirada
hazme un favor metele algo de texto ,y me paso tu web y veo de como queda, hazlo y me avisas. Te digo como bajar el rectángulo blanco ese.
lantiga · · Solicitar retirada
te he dicho que lo pongas asi:

<div id="contenido1">
<td class="contenido" colspan="13"></div>
</div>

Y lo has puesto asi:

<div id="contenido1"></div>