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¿A que te refieres con bien o mal?
Si, por defecto una imágen de fondo se repite hasta completar la pantalla.Esto no me funciona, no se si estara algo mal pero no me va
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 estoEsto si me funciona, el problema ya no es solo el fondo, es que al cambiar la configuracion de la pantalla, se me descolocan hasta los botones y demas, sabes como lo puedo solucionar, digamos que esa web adopte la resolucion que tengo?.Salu2
<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 (http://www.w3schools.com/css/css_background.asp)
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.Cita de: "Angel_K_ido"Si, por defecto una imágen de fondo se repite hasta completar la pantalla.Esto no me funciona, no se si estara algo mal pero no me va
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.
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 ejemploNo no estoy usando nada de eso.Salu2
[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: Textespero algo así te refieras
<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>
jejeje, soy novato en esto pero hasta ahi llego, y no me funciona no se porque.Salu2Cita de: "manurodri189"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.Cita de: "Angel_K_ido"Si, por defecto una imágen de fondo se repite hasta completar la pantalla.Esto no me funciona, no se si estara algo mal pero no me va
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.
No no estoy usando nada de eso.Salu2tienes la dirección de tu sitio? o el archivo .html para que asi entendamos que es lo que necesitas?, debes ser mas claro <_<
<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>
:lol:muy bien, gracias.Salu2
muy bien, gracias.Salu2De nada campeón.
Si, por defecto una imágen de fondo se repite hasta completar la pantalla.Haber, yo puse esto, sin lo del width=100% height=100%, y sin ello deja abajo y a la derecha trozos en blanco, pero con ello, pasa esactamente lo mismo, que se queda como mosaico.
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.
Para que no se repita puedes usar CSS:Desde el vamos te estoy diciendo que de esta forma no se cubre toda la pantalla.
<html>
.
.
.
</html>
Pero de esta manera no se cubre toda la pantalla.
Para centrar la imagen en vez de insertar la imagen 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 imagen 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.¿Buscaste algo de esto?
Perdona si soy muy torpe, y no estoy a tu nivelNo te hagas la víctima. Nunca traté de hacerte sentir menos y nunca lo haría porque nunca me sentiría mas ni menos que un semejante. Simplemente perdí la calma al ver lo poco que analizas las respuestas de este hilo.