Comunidad de diseño web y desarrollo en internet online

extender imagen

Citar            
MensajeEscrito el 29 Mar 2011 09:22 pm
Digamos tengo una imagen como cabecera que es inmensa.
Lo q deseo es hacer una cabecera en mi pagina html 5
Donde se muestre la imagen, expandida en el ancho al 100% pero q el alto sea propocional a su ancho; me entienden verdad,
Supongo q tengo q usar Css y Java pero no se como ayúdenme por favor

Por cobossagrav

16 de clabLevel



 

diseño y programacion web

firefox
Citar            
MensajeEscrito el 30 Mar 2011 12:33 pm
Simplemente poniéndole un width: 100% y height:100% ya estarás obteniendo lo que quieres. Para casos más sofisticados tienes la propiedad object-fit de CSS3.

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 30 Mar 2011 06:09 pm
bueno no me entendiaron...
digamos la imagen mide

Ancho : 20000
Alto: 10000

si pongo simplemente W 100% y H 100%
la imagen se expadira totalmente...

sin importar q la imagen este en proporcion...

si mi ventana es de 1000 * 1000
la imagen se mostrara en estas dimensiones, deformandose el alto

se supone q si se pone a 100 de Ancho q sera 1000
el algo tiene q ser directamente proporcional siendo 500

ya q en la imagen inicial 20000 * 10000
el alto es la mitad del ancho

entonces aplicado a la ventana
se deberia mostrar
1000 * 500

espero ahora se me haya entendido...

y espero me puedan a yudar a lograrlo

Por cobossagrav

16 de clabLevel



 

diseño y programacion web

firefox
Citar            
MensajeEscrito el 30 Mar 2011 08:43 pm
Si defines width:100%; y no le defines el height, este sera proporcionalmente reducido en base al width actual.

Saludos

Por jOina

Claber

359 de clabLevel

2 tutoriales

 

Guadalajara, Mexico

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.