Foros del Web » Creando para Internet » CSS »

Imagen de fondo para Web

Estas en el tema de Imagen de fondo para Web en el foro de CSS en Foros del Web. Estoy intentando aplicar una imagen de fondo a la página web. Le he dado al div. container un 80% de ancho y quiero que los ...
  #1 (permalink)  
Antiguo 20/09/2010, 10:53
 
Fecha de Ingreso: septiembre-2008
Mensajes: 185
Antigüedad: 9 años, 2 meses
Puntos: 1
Imagen de fondo para Web

Estoy intentando aplicar una imagen de fondo a la página web. Le he dado al div. container un 80% de ancho y quiero que los márgenes a izquierda y derecha ( 20% restante ) queden cubiertos por este background-image.

De momento le he aplicado al body estas propiedades pero la imagen se extiende a todo lo largo del div de contenido y el sidebar. ¿ Me podriais decir donde y que propiedades debo utilizar para este fin ?

background-image: url (img/Pagina-verde.jpg);
background-repeat: repeat!;

Os agradeceria la ayuda. Un Saludo
  #2 (permalink)  
Antiguo 20/09/2010, 12:10
Avatar de juan_14nob  
Fecha de Ingreso: abril-2010
Mensajes: 552
Antigüedad: 7 años, 7 meses
Puntos: 6
Respuesta: Imagen de fondo para Web

prueba con :

background-repeat: repeat-x;
  #3 (permalink)  
Antiguo 20/09/2010, 13:13
 
Fecha de Ingreso: septiembre-2008
Mensajes: 185
Antigüedad: 9 años, 2 meses
Puntos: 1
Respuesta: Imagen de fondo para Web

Concreto un poco mas los pasos.

En el body he insertado la imagen y he creado una clase para especificar las características en un fichero css. Con estas característica la imagen se situa encima del encabezado justo en el centro del mismo . Como esta imagen no es completa entiendo que me aconsejes introducir un repeat-x pero no me dá resultado. Tambien lo he intentado solucionar con un background-image: url (img/Pagina-verde.jpg) pero más de lo mismo. En fin, no se si estoy haciendo un mal planteamiento pero pensaba que la cosa seria más sencilla.

<body class="twoColLiqRtHdr">
<img src="img/Pagina-verde.jpg" class="img_bg" alt="Fondito" />
<div id="container">

.img_bg{
background-repeat: repeat-x;
widht:100%;
height:100%;
}
  #4 (permalink)  
Antiguo 20/09/2010, 14:26
Avatar de juan_14nob  
Fecha de Ingreso: abril-2010
Mensajes: 552
Antigüedad: 7 años, 7 meses
Puntos: 6
Respuesta: Imagen de fondo para Web

prueba con ese ejemplo que te pase y fijate si es mas o menos lo que pedis

Código HTML:
<html>
<head>
<style type="text/css">
body{
background-image:url('img/Imagenfondo.jpg');
background-repeat:repeat-x;

height:100%;
width:100%;
}

#container{
margin: 0 10% 0 10%;
width:80%;
background-color:red;
height:500px;
}

</style>
</head>

<body>

<div id="container">
Contenido.Contenido.Contenido.Contenido. 


</body>

</html> 

Etiquetas: fondo
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 16:16.