Dreamweaver
Hola mi pregunta es como hago para para que el fondo de mi página al creaela en dreamweaver sea del tamaño exacto del navegador sin que se repita y sin que sea muy grande y se pierda la foto entera.? Por favor respóndanme.
De que tamaño es exacto una ventada del navegadoir para hacerla igual
De que tamaño es exacto una ventada del navegadoir para hacerla igual
1 respuesta
Respuesta de Jon García
1
El meollo de la cuestión es que la pantalla de cada usuario puede ser distinta, entonces no se sabe la resolución con la que se va a ver tu página web, por ello, se trabajan normalmente con unos mínimos y a partir de ahí, se trata de que por mucho que se amplíe, se vea bien la página.
El standard dice que los monitores más pequeños que se usan hoy en día, tienen una resolución de 800x600(760X420 quitando las botoneras del explorador y otras barras), en cualquier caso, como vayas a dejar tu imagen dependerá mucho del diseño final que vayas a darle a la página, pero para más o menos te hagas una idea, puedes, con estilos css conseguir que una imagen no se repita y se centre:
Código html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
<style type="text/css">
<!--
body {
background-image: url(http://www.samuraijudoclub.cl/imagenes/Jigoro_Kano2_800x600.jpg);
background-repeat: no-repeat;
background-position: center top;
margin-top: 20px;
}
-->
</style>
</head>
<body>
</body>
</html>
El standard dice que los monitores más pequeños que se usan hoy en día, tienen una resolución de 800x600(760X420 quitando las botoneras del explorador y otras barras), en cualquier caso, como vayas a dejar tu imagen dependerá mucho del diseño final que vayas a darle a la página, pero para más o menos te hagas una idea, puedes, con estilos css conseguir que una imagen no se repita y se centre:
Código html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
<style type="text/css">
<!--
body {
background-image: url(http://www.samuraijudoclub.cl/imagenes/Jigoro_Kano2_800x600.jpg);
background-repeat: no-repeat;
background-position: center top;
margin-top: 20px;
}
-->
</style>
</head>
<body>
</body>
</html>
