Entrar

problemas con la imagen de fondo

demonhunter · · Solicitar retirada
benas,tenjo un problema al intentar colocar la imagen de fondo, el color de fondo si k me sale pero al intentar colocar la imagen no me sale nada.
Estos son los codigos de mi index.html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Pagina Principal del Ejemplo CCTW</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>



Bienvenidos a mi página web. Muy pronto estará lista!</p>


Página creada gracias a CCTW</p>
</body>
</html>

Y estos son los de estilos.css:

body {background-color: #E6E6FA ; background-image: url(objetos/fondo.png) }

la imagen de fondo la canvie de jpeg a png desde la carpeta objetos>herramientas>opciones de carpeta...>ver
y desactivando la cassilla "ocultar las extensiones de archivo para tipo de archivo conocido" al desactivar me salio como nombre la extension jpeg, me salia(fondo.jpeg),y borre "jpeg" y puse "png" al acer eso me salio un mensage avisando k habia canviado la extension y si kiria guradar ya k se podria no ver la imagen(o algo por el estilo ahora no me acuerdo muy bien) acepte y comprove k la imagen se pudiera ver, se veia claramente, y despues volviendo a seguir los pasos de arriva volvi a activar la cassilla "ocultar las extensiones de archivo para tipo de archivo conocido"
y ya esta se supone k el archivo "fondo" ahora tendria k ser "png" encanvio sigue sin salirme nada en "preview" solo me sale el color de fondo.
Espero k me puedan ayudar, y gracias por adelantado.
Jugoncan · · Solicitar retirada
Las imágenes no las puedes cambiar de formato así, para cambiarlas de formato lo debes de ahcer con un programa, por ejemplo photoshop.
Pero de todas formas no hace falta que le cambies el formato, vuelve a ponerla en jpg y pon el código así:
background-image: url(objetos/fondo.jpg)

jpeg y jpg es lo mismo, pero en el código sólo puedes poner jpg
Saludos :wink:
mjacedo · · Solicitar retirada
Tengo en mi pagina index y en estilos, exactamente lo mismo que el escribe con el problema.

La diferencia es que el puede ver el color y no el fondo. Yo no veo nada, ni color ni fondo, solo el texto en negro como antes de indicar colores y fondo.
mjacedo · · Solicitar retirada
EN EL INDEX TENGO:
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Pagina Principal de web del Curso</title>
<link rel="stylesheet"href="estilos.css" type="text/css"
media="all">
</head>
<body>



PAGINA WEB DEL CURSO EN CONSTRUCCION. !!!!!ESPERE UNOS DIAS!!!!!</p>


HASTA EL DIA DE LA INAUGURACION... QUE NERVIOS.... QUE NERVIOS....</p>


</body>
</html>
EN ESTILOS TENGO

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Page title</title>
</head>
<body>
body {background-color: #E6E6FA}

</body>
</html>
Yaneth · · Solicitar retirada
Hola

aqui tienes el fallo

enh la hoja de estilos no debe haber <html><head><body>
elimina toooooodo,

unicamente tiene que estar esto

body {background-color: #E6E6FA}

saludos
anoeta · · Solicitar retirada
hola buenas , he intentado comprender las soluciones antes comentadas y no me entero . Tengo el color de fondo colocado pero la imagen no esta

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Pagina principal</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>



BIENVENIDOS A SEISVENTICINCO . ESTAMOS EN CONSTRUCCIÓN .</p>


PÁGINA CREADA GRACIAS A CCTW</p>

</body>
</html>

estilos

body {background-color: #FFA54F}
body {background-color: #FFA54F ; background-image: url(objectes/balo basket.png) }
body {background-color: #FFA54F ; background-image: url(objectes/balo basket.png) ; background-repeat: no-repeat }
body {background-color: #FFA54F ; background-image: url(objectes/balo basket.png) ; background-repeat: no-repeat ; background-position: center cente
gracias :D
Jugoncan · · Solicitar retirada
Pues en la hoja de estilos no repitas tanto, con que dejes está línea tienes bastante:
body {background-color: #FFA54F ; background-image: url(objectes/balo basket.png) ; background-repeat: no-repeat ; background-position: center center}

Además fíjate en esta parte:
objectes/balo basket.png

La carpeta en la que tienes la imagen se tiene que llamar exáctamente objectes (en minúsculas), y luego lo de la imagen debe estar también igual, pero, no pongas espacios en los nombres de las imágenes, por lo que cambiáselo y pon luego el código igual.
Saludos :wink:
anoeta · · Solicitar retirada
ahora me aparece un cuadradito a la parte supoerior izq de fondo blanco con una equis en rojo.Ahora tengo esto :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Pagina principal</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>



BIENVENIDOS A SEISVENTICINCO . ESTAMOS EN CONSTRUCCIÓN .</p>


PÁGINA CREADA GRACIAS A CCTW</p>
[contenido no disponible]
</body>
</html>

lo nuevo es lo q aparece subrayado, lo he colocado yo ahi dentro pq aparecia fuera :?:
anoeta · · Solicitar retirada
EN INDEX HTML EN EL PREVIEW ME SALE LA RUTA DE LA FOTO SOLAMENMTE, D L FOTO NI RASTRO...
EN LA PRINCIPAL DE INDEX HTML COLOQUE LA RUTA DE LA FOTO ENTRE LAS PALABRAS BODY , YA NO SE QUE HACER... :(
Jugoncan · · Solicitar retirada
A ver, la ruta la tienes que colocar en esta parte del código:
[contenido no disponible]

Además debes de tener en cuenta que debe estar bien, se diferencian mayúsculas de minúsculas y no se pueden poner espacios en los nombres.
Saludos :wink:
anoeta · · Solicitar retirada
hay que cambiar la extension de las fotos escogidas por internet a dedo o con el paint? deben de ser todas .jpg o .png?gracias , hasta otra.
Jugoncan · · Solicitar retirada
Pues la imagen no hace falta cambiarla de formato, es más, los problemas surgen cuando la gente lo cambia de formato cambiándole el nombre.
Lo único que hay que hacer es poner en el código el formato de la imagen bien, da igual cual tenga.
Saludos :wink: