background repeat
5 seguidores
buenas!
tengo una nueva pregunta, a ver si alguien puede ayudarme...
Estoy haciendo un sitio en donde tengo un color de fondo, sobre ese color de fondo tengo una raya que se repite infinitamente hacia la derecha. se entiende?
necesito repetir el color de fondo del div infinitamente hacia la derecha, pero cuando lo hago el div queda del tamaño del container.
espero me hayan entendido y puedan ayudarme,
gracias!
lucia_7
gracias kemie! pude hacerlo!!!!!
:)
problema resuelto.
saludos!
lucia_7
yeah!!!! si, creo que la primera opción me sirve, voy a probarla!!!
gracias!!!!
kemie
hice 2 pruebas que son medio chacks, pero dependiendo de loque necesites te pueden servir. espero haber entendido lo que querías:
http://monolinea.com/clients/csstests/bgtest.html
http://monolinea.com/clients/csstests/bgtest2.html
lucia_7
Bueno a ver ahora si me explico mejor,
jejeje
http://www.flickr.com/photos/80758854@N00/5450174597/
subi una nueva img.
gracias!!!!
raimon
Hola,
yo no sé si te entiendo, pero voy a especular.
Cualquier div será casi siempre de su tamaño, si se lo has especificado. Si quieres que un div se alargue y se acorte, tienes que hacer un diseño líquido de tal forma que los elementos con un ancho no fijado o variable se amolden a los cambios de tamaño de la ventana del navegador u otras circunstancias.
Cómo se hace eso es la pregunta del millón y no soy yo un experto en ello, aunque pruebas sobre el tema haya hecho a patadas. Hay muchas maneras y no hay una mejor ni peor, es como todo, según las circunstancias. Una opción (una) es hacer un div "tonto" debajo de todo de la página que ocupe todo el ancho posible. Luego, si realmente necesitas que aquél div tenga aquellas dimensiones que antes te limitaban, pones aquél div encima del otro (el "tonto") y con fondo transparente (es decir, sin fondo)
Si en lugar de eso el problema es que el otro div te pasa por encima, entonces deberá de ser una cuestión de z-index, o del orden en el que declaras los divs dentro del documento HTML.
Espero haberme explicado... si no inténtalo tú de nuevo (explicarte ;-))
Raimon
cbusquets
Creo que no acabo de entender bien lo que quieres hacer. La línea que aparece, tendría que "cruzar" la pantalla de izquierda a derecha, independientemente del cuadro (supongo que es un div) más pequeño que hay encima?
lucia_7
la subi a flickr.
aqui pueden verla,
http://www.flickr.com/photos/80758854@N00/5447955364/
si ven, hay una de las dos lineas oscuras que se repite en x solo hacia la derecha.
lo pueden ver?
espero que si!
gracias
saludos!
skeku
Pero aunque no sea degradado entiendo que buscas el mismo efecto: repetir "algo" infinitamente en este caso en el eje X. Lo más sencillo es darle al body un background con repeat-x que sea la línea que quieres repetir (por ejemplo un archivo de un 1pixel de ancho ya te valdría si la línea es un color sólido) y añades también la propiedad background-color con el color de fondo que quieras y ya lo tienes :)
kemie
lucia, no puedes subir una imagen directamente, pero puedes hacerlo a un servicio como yfrog y poner el link aqui.
lucia_7
hola gracias!, pero no es un degradado es un color pleno,
si me explican como subo una img aqui les muestro lo que es....es mas sencillo de lo que parece....
gracias!
saludos!
skeku
Lucía quizá esto te ayude?
http://directorio.efxto.com/blog/293-degradado-de-fondo-con-css
lucia_7
como hago para subir una imagen aqui?
intento con el foto de img. pero me dice que escriba un nombre....
kemie
hm, no se entendio muy bien... tienes algo, un boceto o codigo que enseniar?