Foros del Web » Creando para Internet » CSS »

Imagen de inicio a fin

Estas en el tema de Imagen de inicio a fin en el foro de CSS en Foros del Web. Hola Estoy haciendo el diseño de una página web y me encuentro con el siguiente problema: Tengo una tabla centrada y una imagen. Quiero que ...
  #1 (permalink)  
Antiguo 12/12/2010, 13:35
Avatar de El_seba  
Fecha de Ingreso: enero-2010
Mensajes: 27
Antigüedad: 14 años, 3 meses
Puntos: 0
Pregunta Imagen de inicio a fin

Hola
Estoy haciendo el diseño de una página web y me encuentro con el siguiente problema:
Tengo una tabla centrada y una imagen. Quiero que inicie desde el borde superior de la página hasta el final de la página. No tengo ni idea de cómo hacerlo, pero me parece que es con CSS

Les dejo una imagen de cómo se ve la página, para que vean por si no me expliqué bien


Me gustaría que esa imagen inicie desde el prinicipio (borde) de arriba del naveagador, si es que me explico xD...

Saludos y gracias!
  #2 (permalink)  
Antiguo 12/12/2010, 14:45
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 15 años, 9 meses
Puntos: 1532
Respuesta: Imagen de inicio a fin

http://www.w3schools.com/css/css_background.asp
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #3 (permalink)  
Antiguo 12/12/2010, 22:38
 
Fecha de Ingreso: diciembre-2010
Ubicación: Bahía Blanca, Buenos Aires, Argentina
Mensajes: 40
Antigüedad: 13 años, 4 meses
Puntos: 1
Respuesta: Imagen de inicio a fin

Hola, quizás esto te ayude:

1. Creas un archivo css, por ejemplo: main.css
2. En el archivo ponés lo siguiente:
body {
margin:0;
padding:0;
text-align:center;
}

#contenido {
text-align:left;
margin:auto;
background-color:#ff0;
width:800px;
height:800px;
}

3. En el archivo en el cual estás trabajando (por ejemplo: index.html) linkeas el archivo css que creaste: (entre los tags <head>)
<head>
... código que tengas aquí ...
<link rel="stylesheet" href="main.css" />
</head>
4. En el cuerpo de tu código debes incluir un div de la siguiente manera
<body>
<div id="contenido">
...tu codigo html aqui ...
</div>
</body>

Espero te sirva :)
Guada

Etiquetas: inicio
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:46.