Comunidad de diseño web y desarrollo en internet online

Fondo con excedente???

Citar            
MensajeEscrito el 23 Ago 2009 08:41 pm
Buenas, no se si es aquie donde debo poner este mensajepero mi problema es que estoy haciendo una pagina en flash, pero quiero ponerle un fondo en el hmtl que integre el diseño, para esto necesito saber como puedo hacer que el objeto flash que tiene una resolucion de 900x400px aparezca siempre centrado y las imagenes del html que rodean el flash tengan un tamaño con el cual soporte cualquier tipo de resolucion sin que se corten las imagenes.

Para que se entienda mejor, subo esta imagen



Lo que yo quiero hacer es que el fondo del html tenga una imagen lo sufiente grande para soportar todo tipo de resoluciones sin importar que el area que necesito que se vea siempre centrado esta dentro de los 1024x768px
(el objeto flash es el contenido del cuadro)


espero que se haya entendido lo que necesito y puedan darme una pista de como hacerlo gracias!!

Por ad-icto

18 de clabLevel



 

msie7
Citar            
MensajeEscrito el 25 Ago 2009 06:43 am
Hola, que tal, puedes intentar meter tu fondo y el flash en un div contenedor y ponerle a la tag del div:

Código HTML :

style="margin:0px auto"

Por Mr_Anderson

151 de clabLevel



Genero:Masculino  

Terminaltor

chrome
Citar            
MensajeEscrito el 25 Ago 2009 01:13 pm
Hola ad-icto!

Puedes utilizar la colocacion de backgraund de css. Podrías poner algo así:

background: #000 url('imagen.jpg') no-repeat fixed center 0;

Hasta pronto!

Por jackbach

Claber

196 de clabLevel

1 tutorial

 

Barcelona

firefox
Citar            
MensajeEscrito el 25 Ago 2009 01:48 pm
Por lo que veo tu imagen difumina a negro o un color oscuro, creo que lo mejor lo que puedes hacer es poner tu imagen como fondo del body, centrada y sin repetir, luego poner color de fondo negro (o el color oscuro al cual difumina tu imagen, lo tomas con el picker) algo así:

Código :

body{
background-color: #000000;
background-image: url(tuimagen.gif); 
background-repeat:no-repeat;
background-position: center top;


Luego, creas una div para contener a tu flash, y en el css poners algo así

Código :

#flash{
width:900px;
height:400px;
margin:0 auto;
}

y listo

Por Mechu

96 de clabLevel

1 tutorial

Genero:Femenino  

Diseño web

msie7

 

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