Programación Web y Scripting > HTML
Adaptar Un Fondo
manurodri189:
Pues eso meti un fondo, pero dependiendo con que ordenador lo vea se ve bien o mal, y quisiera saber como lo adapto para que con cualquier resolución se vea bien siempre.Salu2
Mollense:
--- Cita de: "manurodri189" --- Pues eso meti un fondo, pero dependiendo con que ordenador lo vea se ve bien o mal, y quisiera saber como lo adapto para que con cualquier resolución se vea bien siempre.Salu2
--- Fin de la cita ---
¿A que te refieres con bien o mal?
manurodri189:
por ejemplo en una resolucion de 1024x768 se ve bien, pero en la de un portatil con pantalla panoramica, no. Digamos que a la derecha falta un cacho de foto, pero vuelve a empezar la imagen de fondo.Salu2
Mollense:
Si, por defecto una imágen de fondo se repite hasta completar la pantalla.
Para que no se repita puedes usar CSS:
--- Código: Text ---<html> <head> <style type="text/css"> body {background-image: url(Fondo.gif); background-repeat: no-repeat} </style> </head> <body> </body></html>
Pero de esta manera no se cubre toda la pantalla.
Para centrar la imagen en vez de insertar la imágen en el body lo deberías hacer en un div.
------------------------------------------------------------------------------------------------
Yo no se utilizar capas ni se si todos los navegadores las soportan pero haciendo uso de estas supongo que podrías insertar una imágen en una capa y utilizar las propiedades width=100% y height=100% para estirarla a toda la pantalla sin importar la resolución del monitor.
ArKaNtOs:
o puedes realizar esto
<style type="text/css">
body { background: #f0f0f0 url(Fondo.gif) center center no-repeat; }
/* con esto estableces un color de fondo para los lados de la imagen ya que esta estara centrada */
</style>
mas información sobre background:
http://www.w3schools.com/css/css_background.asp
Navegación
[#] Página Siguiente
Ir a la versión completa