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
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.
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
Cita de: "Angel_K_ido" 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. Esto no me funciona, no se si estara algo mal pero no me va
digamos si estas usando tablas puedes en vez de decir <table width='80%' podrías adaptarlo a cierta cantidad de pixeles digamos <table width='500px' asi aunque cambie de resolución siempre sera lo mismo si estas usando div puedes crear un div como contenedor de los demas div ejemplo[dohtml]<div align='center' width='350px' style='background-color: #f0f0f0; border: 3px #000 dashed;'><div style='border: 2px #ff3300 solid; float: left ; width: 145px;' align='center'>menu</div><div style='border: 2px #009bf5 solid; margin-left: 150px;' align='center'>texto</div></div>[/dohtml]codigo:Código: Text <div align='center' width='350px' style='background-color: #f0f0f0; border: 3px #000 dashed;'><div style='border: 2px #ff3300 solid; float: left; width: 145px;' align='center'>menu</div><div style='border: 2px #009bf5 solid; margin-left: 150px;' align='center'>texto</div></div> espero algo así te refieras
Cita de: "manurodri189" Cita de: "Angel_K_ido" 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. Esto no me funciona, no se si estara algo mal pero no me va Donde dice Fondo.gif debes poner la url de tu imagen de fondo. Si la imagen se llamara fondo.gif y estuviese en el mismo directorio que tu página entonces el código que te di funcionaría.
No no estoy usando nada de eso.Salu2
<html><head><title>ARPAF</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css"><!--body { background-image: url(Imagenes/Fondo%20Web%20Try.jpg); color: #FFFFFF;}.Estilo1 { color: #000000; font-weight: bold;}.Estilo2 {color: #FFFFFF}--></style></head><body>
<html><head><title>ARPAF</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css"><!--body { background-image: url(Imagenes/Fondo%20Web%20Try.jpg); color: #FFFFFF;}.Estilo1 { color: #000000; font-weight: bold;}.Estilo2 {color: #FFFFFF}--></style></head><body><p><strong> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="108" height="46"> <param name="BGCOLOR" value="#6B828A"> <param name="movie" value="button2.swf"> <param name="quality" value="high"> <embed src="button2.swf" width="108" height="46" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#6B828A" ></embed> </object></strong> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="108" height="46"> <param name="movie" value="button3.swf"> <param name="quality" value="high"> <param name="bgcolor" value="#668286"> <embed src="button3.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="108" height="46" bgcolor="#668286"></embed> </object></p><p><center> <p><img src="Imagenes/Logo%20ARPAF.jpg" width="350" height="142"></p> <p> </p></center></p><p><strong><center>Registro</center></p><form name="form1" method="post" action=""> <center> <input name="registroname" type="text" id="registroname" value="" size="20"></center></form></p><p><center>Password</center></p><form name="form2" method="post" action=""> <center> <input name="Contrasena" type="password" id="Contrasena" size="20" maxlength="20"></center></form></p><p> <center> <p> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" name="Login" width="100" height="22" id="Login"> <param name="BGCOLOR" value=""> <param name="movie" value="button4.swf"> <param name="quality" value="high"> <embed src="button4.swf" width="100" height="22" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" name="Login" ></embed> </object> </p> <p><center class="Estilo1"><a href="registro.htm" class="Estilo2">Registrarse</a></center> </p> </center></p><p> <center> Aqui se supone que tenemos que poner la presentacion a la web, todo wapas en blanco, para que se vea bien. Modificalo en el codigo.</center></p></body></html>
Autor
Tema: Adaptar Un Fondo (Leído 8280 veces)
