Hola amigos. Estoy en la tercera lección y me ha dado por practicar por mi cuenta e intentar crear algo propio.
En lugar de color de fondo, he elegido una imagen de fondo.
Sobre ella, he querido montar una imágen y lo he hecho creando una capa llamándola : "lienzo", y le he dado unas medidas a ese lienzo (que pretende ser la base donde se organice toda la web.
Lo de la imagen de fondo es solo para crear un perfil alrededor de mi "lienzo" (no sé si me explico bien).
El caso es que consigo dar tamaño a esa imagen, pero no soy capaz de darle posición.
Quiero centrarla en cuanto anchura, pero de altura no. Quiero que esté más baja por arriba para dejar un margen adecuado para colocar por ejemplo un logo.
Por cierto, todo esto lo estoy haciendo en el index.
Os dejo lo que llevo hecho:
<html>
<head>
<title>CARNICERÍA DE IÑAKI</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
Bienvenidos a mi página Web. pronto disfrutaréis con ella</p>
Carnicería de Iñaki con sus clientes</p>
<div id="lienzo">
[contenido no disponible]
</div>
</body>
</html>
Y en los estilos:
body { background-image: url(objetos/sapphire.gif) }
#lienzo {img-position:center}
Esto último creo que no sirve de nada. En cuanto a darle una medidas, cómo sé yo lo que puede medir una web?
Otra duda es:
- Si cerramos el workspace, se amplía la ventana de trabajo. Es ésa la medida de lo que se verá en un futuro nuestra web?
Nada más. Espero vuestra ayuda para aclararme un poco. Un saludo.
En lugar de color de fondo, he elegido una imagen de fondo.
Sobre ella, he querido montar una imágen y lo he hecho creando una capa llamándola : "lienzo", y le he dado unas medidas a ese lienzo (que pretende ser la base donde se organice toda la web.
Lo de la imagen de fondo es solo para crear un perfil alrededor de mi "lienzo" (no sé si me explico bien).
El caso es que consigo dar tamaño a esa imagen, pero no soy capaz de darle posición.
Quiero centrarla en cuanto anchura, pero de altura no. Quiero que esté más baja por arriba para dejar un margen adecuado para colocar por ejemplo un logo.
Por cierto, todo esto lo estoy haciendo en el index.
Os dejo lo que llevo hecho:
<html>
<head>
<title>CARNICERÍA DE IÑAKI</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
Bienvenidos a mi página Web. pronto disfrutaréis con ella</p>
Carnicería de Iñaki con sus clientes</p>
<div id="lienzo">
[contenido no disponible]
</div>
</body>
</html>
Y en los estilos:
body { background-image: url(objetos/sapphire.gif) }
#lienzo {img-position:center}
Esto último creo que no sirve de nada. En cuanto a darle una medidas, cómo sé yo lo que puede medir una web?
Otra duda es:
- Si cerramos el workspace, se amplía la ventana de trabajo. Es ésa la medida de lo que se verá en un futuro nuestra web?
Nada más. Espero vuestra ayuda para aclararme un poco. Un saludo.