Imágen y Fondo

Vercceti · #1 (**permalink**) 03/07/2007, 14:11

Buenas. Estoy haciendo una web y como fondo le he puesto un código css. Eso sin problemas. Ahora le voy a poner una imágen. La agrego, la centro y tal, pero por más que lo intento no puedo ajustarlo al límite para que no me quede un hueco. ¿Cómo puedo cambiar las limitaciones de la altura para que estén a cero?

Otro problema que tengo es el del fondo, que lo he hecho a través de un gif para que se repita en mosaico. Me va bien, sólo que al ponerlo como fondo en el css, por ejemplo si quiero que se corte en tal sitio para que el fondo se quede como el predeterminado. No sé si me explico, intento poner unos límites al fondo.

Gracias.

Salu2.

DragonX · #2 (**permalink**) 03/07/2007, 14:35

esta muy difícil las explicación, podrías poner la URL para que lo veamos?

Vercceti · #3 (**permalink**) 03/07/2007, 14:40

Ok, lo subo ahora.

Edito: www.playnread.com/index-1.html

Salu2.

DragonX · #4 (**permalink**) 03/07/2007, 14:45

bien, para poder arreglar esto, agregale a tu código CSS lo siguiente:

body {
background-image: url(imagenes/barrafn1.gif);
background-repeat: repeat-y;
background-position:center;
background-color: #4D4D4D;
}

y listo!

JMS · #5 (**permalink**) 03/07/2007, 14:56

dragonX mira yo tenia el mimso problema pero no ocupe Css si no la cree con tables y celdas, dime como podria cubrir el mismo espacio o en otras palabas como podria corregir el mismo problema que tiene Vercceti ???

Vercceti · #6 (**permalink**) 03/07/2007, 14:58

Uhm, no se ve nada, creo que has entendido mal con mi malísima explicación. xD
Lo que quiero es que ese fondo se corte hasta donde yo quiera, y luego es cuando el fondo se vuelve al predeterminado. Para que lo entiendas mejor, mitad mitad, un trozo del fondo de la barra, y otro de otro color (por ej, el predeterminado). Gracias.

Y luego si alguien sabe solucionar el primer problema del hueco.

Salu2.

AlZuwaga · #7 (**permalink**) 03/07/2007, 16:01

Cita:

Y luego si alguien sabe solucionar el primer problema del hueco.

Creo que es el margin/padding del body:

Código:

body {
margin: 0;
padding: 0;
}

(de lo otro, ni idea... no te entendí nada jejeje)

aldo1982 · #8 (**permalink**) 03/07/2007, 16:03

para sacar el hueco blanco (que es del background) reeemplaza tu estilo CSS por este

Código:

body {
	background-image: url(images/barrafn1.gif);	
	background-repeat:repeat;
	background-position:center;
	padding:0;
	margin:0;	
}

salu2

Vercceti · #9 (**permalink**) 04/07/2007, 06:57

Ok, muchas gracias, ese primer problema ya está solucionado. Edito: lo he probado con el IE y va perfecto pero con el Mozilla... ¡se ve igual!... ¿cómo lo puedo solucionar...?

Para que lo del fondo lo entendaís mejor os lo muestro gráficamente:

http://img504.imageshack.us/img504/8...nttulo1zy4.gif

Quiero limitar el fondo de las barras a x píxels, mm o lo que sea, para que a partir de esos x ya no haya fondo de barras.

Gracias de nuevo.

Salu2.

Vercceti · #10 (**permalink**) 04/07/2007, 11:59

Bueno, asunto solucionado, lo he solucionado de una manera un poco tosca (rellenando del color del fondo una capa) pero ya está.

Gracias a los tres.

Salu2.

Kailu · #11 (**permalink**) 04/07/2007, 13:48

Tube un problema similar y la solución (en mi caso) fue muy simple, lo pongo por si acaso.

Sí tu página esta basado en <div> y no quieres que aparezca el más mínimo espacio entre las capas solo no dejes tu los espacios en el código ni siquiera con la tecla "Enter". Pongo un ejemplo por si no fui muy claro.

<html><head><title>tu título</title></head>
<body>
<div id="contenedor_principal">
<div id="cabecera_de_la_pagina">
CONTENIDO DE LA CABECERA
<div><div id="contenido_de_la_pagina"> NOTA QUE NO HUBO ESPACIOS ENTRE div cabecera y div contenido
<div>
<div>
</html>