DUDA FONDO

Hola ,primero felicitaros por la web y por los tutroiales que
mejor no podrian estar, no me ha surgido ninguna duda hasta ahora y
esque el problema es con el fondo de la pagina.No me permite poner una imagen como el fondo solo fondos de color y probablemente el problema este en la ruta de la imagen pero esque lo estoy haciendo exactamente como en la lección 2 y es poner esto:

BODY { background: url("objetos/fondo1.jpg") ; }

sin embargo no me detecta la imagen. Salu2 y aver si alguno me podeis resolver la duda. Muchas gracias de antemano.

Primero comprueba la ruta, es decir que se llegue a la imagen desde la carpeta raiz, dentro de una subcarpeta (objetos) y que la foto se llame dondo1.jpg

¡Ojo! Comprueba las mayúsculas y las minúsculas, porque hay servidores que las diferencian y otros que no!!!

a que te refieres con que no te la detecta, tal vez en tu documento no lo puedas ver, pero si le das vista previa si lo veràs, saludos

recuerda guardar los cambios tanto de la hoja de estilos, como de la hoja del documento.

te doy un tip, cuabndo yo utilizo la hoja de estilos, y no puedo ver inmediatamente los cambios en el documento, lo guardo, lo cierro y lo vuelvo a abrir, y veràs como aparecen los cambios jejeje

otra cosa, los fondos de imagenes no los veràs en el documento, solo en la vista previa y en el ordenador.

He hecho exactamente lo que has dicho "hq" ya lo he intentado yaneth nada no me aparece y si miro propiedades de la imagen y copio lo que pone justo despues de ubicaciön ,creeis que funcionará? gracias a los dos y un saludo.

no creo que esa sea la soluciòn,
no puedes ver la imagen en la vista previa?

tienes la imagen en el lugar correcto?, recuerda que la carpeta de imagenes debe estar dentro de la carpeta del sitio en el que estàs trabajando,

es mas o menos asi:c:/mis-webs/misitio/objetos/

o como medida de practica nada mas, intenta insertar una imagen, para que veas el comportamiento

saludos, y cualquier cosa por aqui andamos

Una de dos, o no has subido el archivo de la imagen al servidor, o la ruta está mal.

1.- Está la imagen subida?
Para comprobarlo escribe en tu navegador la ruta que le has indicado en la hoja de estilo y si aparece la imagen es que el archivo está allí.
La ruta sería, la dirección completa de tu web, más la que has puesto en la hoja de estilo, es decir:

www.rutadetuweb.com/objetos/fondo1.jpg


2.- Si no se ve nada, o bien no la has subido, o la subiste a otro lugar (ora carpeta) o no se llama así el archivo... has de comprobarlo.


Ya nos dirás :wink:

hola soy nuevo y me gusto mucho el tutorial de las paginas web, y me pasa lo mismo no veo el fondo, con los colores todo bien pero el fondo no me aparece??????

eso es lo k m pasa a mi, ice otro post y me intentaron ayudar, pro no lo e conseguio.
e exo la prueba de poner la ruta, y si me sale...

pon aqui tu hoja de estilos y la html, para ver si hay un error en el codigo

o la direccion de tu web para verla

saludos

y como hago para poner lo aca??
jaja perdon pero no tengo mucha experiencia con la web

Lo que te quieren decir bro, esque copies los codigos de tu pagina de estilo y de tu pagina de html aca.. para ver si hay algun error en los codigos y ayudarte mejor

si, solo abres tu documento y en la parte de abajo hay un simbolo parecido a esto <> pinchas y ahi miras todo el codigo, lo seleccionas todo y con el boton izq, del mause le das copiar y
y cuando llegues hasta aqui solo le das pegar y listo

con la hoja de estilos es lo mismo


saludos

dannnyql, si escribiendo la ruta en el navegador te sale la imagen del fondo es que el error lo tienes en la hoja de estilo, o quizás no la has subido!

comprueba y nos cuentas, o como se ha comentado, peganos tu codigo de la hoja de estilos y de la página y lo verificamos.

Un abrazo!

hoja de estilo.css

/* Esto es mi hoja de estilo */

BODY { background:objetos /fondo1.jpg ; }

A:link { font-weight: bold ; color: blue ; text-decoration: none; }

A:visited { font-weight: bold ; color: blue ; text-decoration: none; }

A:hover { font-weight: bold ; color: red ; }

A:active { font-weight: bold ; color: green ; }

P { font-family: Arial, Helvetica, sans-serif ; font-size: 17px ;

text-align:justify ; text-indent: 20px ; margin: 7px 8px 7px 8px ; }

/* Fin de mi hoja de estilo */

index.htm

<html>
<head>
<title> Esta es mi nueva pagina </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#FFFFFF">


Es mi pagina pricipal </p>
</body>
</html>

creo que esto es todo. bueno. espero me puedan ayudar

hoja de estilo.css

/* Esto es mi hoja de estilo */

BODY { background:url("objetos/fondo1.jpg" ; }

A:link { font-weight: bold ; color: blue ; text-decoration: none; }

A:visited { font-weight: bold ; color: blue ; text-decoration: none; }

A:hover { font-weight: bold ; color: red ; }

A:active { font-weight: bold ; color: green ; }

P { font-family: Arial, Helvetica, sans-serif ; font-size: 17px ;

text-align:justify ; text-indent: 20px ; margin: 7px 8px 7px 8px ; }

/* Fin de mi hoja de estilo */

index.htm

<html>
<head>
<title> Esta es mi nueva pagina </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>


Es mi pagina pricipal </p>
</body>
</html>

En la primera linea te he corregido esto
BODY { background:objetos /fondo1.jpg ; }
por esto:
BODY { background:url("objetos/fondo1.jpg" ; }


y en html
esto:
<body bgcolor="#FFFFFF">
por esto:
<body>

creo que es todo

saludos

no paso nada???
sigo sin ver el fondo, no es rarisimo???

guardaste, la hoja de estilos antes de hacer vista previa?

dejame tu direccion para verla ok?

saludos

mira aki os dejo mi oja de estilos y mi html y si, si esta subhido al servidor

estilo2.css

<html>body { background: url("dannnyql/fondo001") ; }
table.99 {width:99% ;}

td.a1{ background-color: white ; width: 150px ; text-align:center ; }
td.a2{ background-color: lime ; text-align:center ; }

td.b1{ background-color: yellow ; width: 150px ; font-weight:bold ; text-align:center ; }
td.b2{ background-color: black ; font-weight:bold ; text-align:center ; color: white ; }
td.b3{ background-color: purple ; width: 50px ; text-align:center ; }

td.c1{ background-color: #9ED7D7 ; width: 150px ; font-weight:bold ; }
td.c2{ background-color: #F6DA98 ; font-weight:bold ; }

td.d1{ background-color: silver ; width: 50px ; text-align:center ; }
td.d2{ background-color: black ; text-align:center ; color: white }
td.d3{ background-color: purple ; width: 50px ; text-align:center ; }

td.e1{ background-color: white ; width: 150px ; text-align:center ; }
td.e2{ background-color: white ; text-align:center ; }
td.e3{ background-color: aqua ; width: 250px ; font-weight:bold ; color: orange }
UL {margin: 0px 0px 0px 9px; padding: 0px 0px 0px 9px ; }

A { text-decoration: none ; }
A: link{ color: blue ; }
A: visited{ color: red ; }
A: hover{ text-decoration: underline ; }
A: active{ color: red ; }
LI.sub-apartado{ text-indent: 20px ; }</html>

plantilla1.htm

<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="estilo2.css" media="screen" rel="StyleSheet" type="text/css">
</head>
<body bgcolor="#FFFFFF">
<table width="99%" border="0px" cellspacing="0px" cellpadding="0px"> <tr> <td class="a1" WIDTH="22%">[contenido no disponible]</td><td class="a2" WIDTH="78%"><table width="130" border=1 bordercolor="#671464" cellpadding="0" cellspacing="0">
<tr><td> <iframe width="128" height="140" src="http://www.tablondeanuncios.com/rss/buscador.php" scrolling="NO" hspace="0" vspace="0" frameborder="0" marginheight="0"></iframe>
</td></tr></table>

[contenido no disponible]</P></td></tr>
</table><table width="99%" border="0px" cellspacing="0px" cellpadding="0px"> <tr>
<td class="b1" width="22%">Sección actual: </td><td class="b2" width="71%">ruta</td><td class="b3" width="15%">
[contenido no disponible] [contenido no disponible]</td></tr>
</table><table width="99%" border="0px" cellspacing="0px" cellpadding="0px"> <tr>
<td class="c1" width="23%"> <UL> <LI>Inicio</LI><LI><a href="comicsylibros.html">Comics
y libros</a></LI><LI>Series en linea</LI><LI>Enlaces</LI><LI>Juegos</LI><LI class="sub-apartado">PC</LI><LI class="sub-apartado"><a href="juegos-nds.html">Nintendo
DS</a></LI><LI class="sub-apartado">Wii</LI><LI>Televisión</LI><LI><A HREF="ellocoarmillero.html">El
loco armillero</A></LI><LI><A HREF="elanalistadeanuncios.html">El analista de
anuncios</A></LI></td><td class="c2" width="78%">contenido</td></tr> </table><table width="99%" border="0px" cellspacing="0px" cellpadding="0px">
<tr> <td class="d1" width="40%">contador</td><td class="d2" width="46%">opciones</td><td class="d3" width="14%">[contenido no disponible]
[contenido no disponible]</td></tr> </table><table width="99%" border="0px" cellspacing="0px" cellpadding="0px">
<tr> <td class="e1" width="42%"> ultima actualización: 15/6/07</td><td class="e2" width="21%">hueco</td><td class="e3" width="37%">Creado
por [correo eliminado]</td></tr> </table>
</body>

sto s todo

perdon, antes ice una modificacion en la oja de estilos y se me olvido poner el formato, pro si k lo tngo puesto en la real, y es .jpg

pues, ..... no veo ningun error, deja tu direccion para verla en la red
a ver que pasa,

saludos