Retroceder   Foros del Web > Diseño de Sitios web > CSS

Respuesta
 
Herramientas Desplegado
Antiguo 13-oct-2007, 11:06   #1 (permalink)
kazafun tiene algunos puntos positivos de karma
 
Avatar de kazafun
 
Fecha de Ingreso: diciembre-2003
Ubicación: Elda
Mensajes: 519
Repeat-y el 100% de una imagen ¿como?

Quiero decir...

Estoy repitiendo una imagen verticalmente, pero se trata de una que reproduce cierto dibujo.
El caso es que si el contenido que fuerza a esa repeticion es mas pequeño, la imagen se queda cortada ( imaginemos que el contenido tiene un alto de 20 pixeles y la imagen a repetir lo tiene de 40 )

¿Conoceis alguna manera de que la repeticion de una imagen fuerce la aparicion de esa imagen en bloques completos, no solo parte de esa imagen?


MUCHAS GRACIAS
__________________
MUERTE a Internet Explorer


Mi portfolio de diseño web en Elda
kazafun está desconectado   Responder Citando
Antiguo 14-oct-2007, 08:03   #2 (permalink)
kazafun tiene algunos puntos positivos de karma
 
Avatar de kazafun
 
Fecha de Ingreso: diciembre-2003
Ubicación: Elda
Mensajes: 519
Re: Repeat-y el 100% de una imagen ¿como?

Si no se puede no se puede, no pasa nada.

Venga un saludo
__________________
MUERTE a Internet Explorer


Mi portfolio de diseño web en Elda
kazafun está desconectado   Responder Citando
Antiguo 15-oct-2007, 06:05   #3 (permalink)
Colaborador
kahlito tiene algunos puntos positivos de karma
 
Avatar de kahlito
 
Fecha de Ingreso: marzo-2003
Ubicación: En el Estrecho y el mar
Mensajes: 2.571
Re: Repeat-y el 100% de una imagen ¿como?

Hola kazafun, la verdad es que no termino de entender que quieres hacer, ¿estas usando algún código o ejemplo?
kahlito está desconectado   Responder Citando
Antiguo 16-oct-2007, 18:06   #4 (permalink)
Colaborador
derkenuke llegará a ser famoso muy prontoderkenuke llegará a ser famoso muy prontoderkenuke llegará a ser famoso muy pronto
 
Avatar de derkenuke
 
Fecha de Ingreso: octubre-2003
Ubicación: self.location.href
Mensajes: 2.667
Re: Repeat-y el 100% de una imagen ¿como?

Hola kazafun:

En teoría existe min-height, para la que debes definir un alto en pixeles igual a la altura del módulo de tu imagen. La capa o lo que sea nunca será menor de esa altura.

La pega es que IE no lo ha implementado todavía (no sé nada de la versión 7).


Un saludo.
__________________
- Haz preguntas inteligentes, y obtendrás más y mejores respuestas.
- Antes de postearlo Inténtalo y Búscalo.
- Escribe correctamente tus mensajes.
derkenuke está desconectado   Responder Citando
Antiguo 16-oct-2007, 18:33   #5 (permalink)
Moderador HTML y CSS
webosiris es realmente agradablewebosiris es realmente agradablewebosiris es realmente agradablewebosiris es realmente agradablewebosiris es realmente agradablewebosiris es realmente agradable
 
Avatar de webosiris
 
Fecha de Ingreso: noviembre-2002
Ubicación: /home/montevideo
Mensajes: 6.249
Enviar un mensaje por MSN a webosiris Enviar un mensaje por Skype™ a webosiris
Re: Repeat-y el 100% de una imagen ¿como?

Cita:
Iniciado por derkenuke Ver Mensaje
La pega es que IE no lo ha implementado todavía (no sé nada de la versión 7).
ie 7 si lo implementa y hay varias formas para implementarlo para ie6, la + completa y que soluciona otras faltas es con un poco de javascript, concretamente el script ie7


lo que el min-height hace sin embargo no te va a evitar que si la imagen tiene 40px de alto y el contenedor 70px, la imagen te quede cortada en los ultimos 10px... para eso no se una solución.
__________________
Oraculus.com. Sitios web artesanales para el siglo XXI

PSD a HTML. Tu diseño. Nuestro código.
webosiris está desconectado   Responder Citando
Antiguo 17-oct-2007, 08:26   #6 (permalink)
Colaborador
derkenuke llegará a ser famoso muy prontoderkenuke llegará a ser famoso muy prontoderkenuke llegará a ser famoso muy pronto
 
Avatar de derkenuke
 
Fecha de Ingreso: octubre-2003
Ubicación: self.location.href
Mensajes: 2.667
Re: Repeat-y el 100% de una imagen ¿como?

Cita:
Iniciado por webosiris Ver Mensaje
ie 7 si lo implementa y hay varias formas para implementarlo para ie6, la + completa y que soluciona otras faltas es con un poco de javascript, concretamente el script ie7


lo que el min-height hace sin embargo no te va a evitar que si la imagen tiene 40px de alto y el contenedor 70px, la imagen te quede cortada en los ultimos 10px... para eso no se una solución.
Gracias por el dato del IE webosiris, suponía que con javascript se podría implementar algo parecido al min-height.

Por otra parte no había pensado en el caso que propones (ayer estaba un poco espeso se ve). Con javascript sí que se puede hacer que la altura de la capa sea un múltiplo del alto de la imagen, pero con CSS no creo que exista ninguna forma.


Un saludo
__________________
- Haz preguntas inteligentes, y obtendrás más y mejores respuestas.
- Antes de postearlo Inténtalo y Búscalo.
- Escribe correctamente tus mensajes.
derkenuke está desconectado   Responder Citando
Antiguo 19-oct-2007, 09:12   #7 (permalink)
kazafun tiene algunos puntos positivos de karma
 
Avatar de kazafun
 
Fecha de Ingreso: diciembre-2003
Ubicación: Elda
Mensajes: 519
Re: Repeat-y el 100% de una imagen ¿como?

Cita:
Iniciado por webosiris Ver Mensaje
ie 7 si lo implementa y hay varias formas para implementarlo para ie6, la + completa y que soluciona otras faltas es con un poco de javascript, concretamente el script ie7


lo que el min-height hace sin embargo no te va a evitar que si la imagen tiene 40px de alto y el contenedor 70px, la imagen te quede cortada en los ultimos 10px... para eso no se una solución.
Ok webosiris, es eso justo lo que yo queria decir (tan mal explicado por mi parte)
Si tu no sabes hacerlo, es que no hay un metodo CSS para eso.

Imagino que con javascript se podria hacer... pero bueno. Esperaremos a css 4 jejejeje...

Gracias a todos
__________________
MUERTE a Internet Explorer


Mi portfolio de diseño web en Elda
kazafun está desconectado   Responder Citando
Respuesta

No hay votos aún.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 03:26.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93