imagen de fondo

Yo escribió:Holaaaaaaa,

Vuelvo a dar la lata con este tema :oops: :oops:

Resuta que llevo toda la tarde buscando un fondo para la web (esta vez no es el ejercicio del ejemplo, sino que ya me he puesto con la mía) y, resulta que no he encontrado nada apropiado para ella (el tema es de la radioafición). He visto alguno con conecotoes y "tripas de aparatos eléctricos", pero no se puede poner como yo quiero (ya me he repasado la lección de Jorgens al respecto :wink: ). El caso es que, he pensado en hacer uno propio. Pues bien, he hecho una prueba y me ha salido; entonces me he emocionado :lol: a ya he hecho el que iba a ser el definitivo. Lo he hecho exactamente igual al anterior pero con mas letras de dibujo (ahora os pongo la imagen). Llevo como una hora intentado ponerlo y no puedo.... :oops: :oops: Así que, os dejo todos los datos para ver si me podeis echar una mano.... :oops: :oops:

Muchas Gracias.

IMAGEN DE FONDO:

[contenido no disponible]

ESTILO GENERAL:

* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify;}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ;
text-align: center}
body{font-family:"Kristen ITC" Kristen ITC, Arial, Verdana, Geneva, Helvetica, serif, sans-serif ; text-align: center}
body {background-image: url(objetos/fondopropio.PNG)}
#global {width:800px ; margin:4px auto }
#cabecera {background-color:white; border-left: DarkOrange 3px solid ;
border-right: DarkOrange 3px solid ; border-top: DarkOrange 3px solid ; height:10px;}
#logotipo {width:100px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#navegacion {background-color: Gold ; border: DarkOrange 3px solid ; height:25px}
#navegacion li {float:left ; list-style:none ; margin: 0px 0px 0px 20px }
#navegacion ul { margin-left: 180px }
#contenido {background-color:LightGreen;font-size: 0.9em; border-left: DarkOrange 3px solid ;
border-right: DarkOrange 3px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu {background-color: orange ; width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom ;
padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
background-image: url(objetos/menu-parte-superior.gif) }
#pie { background-color:Magenta3 ;border-left: DarkOrange 3px solid ;border-right: DarkOrange 3px solid ;border-top: DarkOrange 3px solid ;height: 65px ; font-size: 0.5em}
#pie {background-color:YellowGreen; border-left: DarkOrange 3px solid ;
border-right: DarkOrange 3px solid ; border-top: DarkOrange 3px solid ;height:10px}
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
#pie a {color: Magenta3; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}


Hola:
Me gustaría aclararle algo (para que usted lo tenga presente nada mas)
No se debe repetir el nombre de un selector (creo que se llamam así) en la hoja de estilo, porque o se crea un conflicto o sencillamente el navegador no tomará en cuenta la segunda orden, si usted se da cuenta, verá que tiene en su hoja de estilo repetido el body, si usted desea poner una imagen de fondo en el body, debe hacerlo a continuación de lo último que puso en el anterior body.

Esto es lo que tiene en el primer body
body{font-family:"Kristen ITC" Kristen ITC, Arial, Verdana, Geneva, Helvetica, serif, sans-serif ; text-align: center}

Esto es lo que tiene en el segundo body
body {background-image: url(objetos/fondopropio.PNG)}
Pues este segundo body no debe existir

Así debiera de tener la directiva para el body en su hoja de estilo:
body{font-family:"Kristen ITC" Kristen ITC, Arial, Verdana, Geneva, Helvetica, serif, sans-serif ; text-align: center;background-image: url(objetos/fondopropio.PNG)}
Ahora si usted desea que esté centrado o que se repita solo horizontalmente o solo vertical o que no se repita, las directivas de position y de repeat están en el curso paso a paso, solo debe añadirlas a continuación de las directivas que ya tiene puestas en el body.
Saludos

Hola:
Me gustaría aclararle algo (para que usted lo tenga presente nada mas)
No se debe repetir el nombre de un selector (creo que se llamam así) en la hoja de estilo, porque o se crea un conflicto o sencillamente el navegador no tomará en cuenta la segunda orden, si usted se da cuenta, verá que tiene en su hoja de estilo repetido el body, si usted desea poner una imagen de fondo en el body, debe hacerlo a continuación de lo último que puso en el anterior body.

eduval1 escribió::( hola soy nuevo i al igual que todos en este tema aa mi lo que no me sube es la imagen y no encuentro que es alguien me podria ayudar?
en estilos esta asi:

body{background-color:#FFFF00;background-image: url(objetos/fondo2.PNG);background-position:center center;background-repeat:no-repeat;height:100%}

y en el html:

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

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

<body>
bienvenidos a la pagina esta en costruccion


gracias a <a href="http://www.comocreartuweb.com"
target="blank">cctw</a

>

</html>

QUE ESTA MAL NO ENTIENDO AYUDA PORFAVOR??? GRACIAS DE ANTEMANO SALUDOS DESDE ARGENTINA

Raulyure escribió:

eduval1 escribió::( hola soy nuevo i al igual que todos en este tema aa mi lo que no me sube es la imagen y no encuentro que es alguien me podria ayudar?
en estilos esta asi:

body{background-color:#FFFF00;background-image: url(objetos/fondo2.PNG);background-position:center center;background-repeat:no-repeat;height:100%}

y en el html:

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

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

<body>
bienvenidos a la pagina esta en costruccion


gracias a <a href="http://www.comocreartuweb.com"
target="blank">cctw</a

>

</html>

QUE ESTA MAL NO ENTIENDO AYUDA PORFAVOR??? GRACIAS DE ANTEMANO SALUDOS DESDE ARGENTINA

Hola:
Si el color de fondo (background-color) se ve es que está bien relacionada su página con la hoja de estilo, eso significa que la página puede recibir ordenes desde la hoja de estilo, sin embargo si es la imagen la que no se ve, pueden ser varias cosas. Una de ellas es que su carpeta donde tiene la imagen se llame objetos ( con o minúscula) y usted en la hoja de estilo la llame Objetos (con O myúsculas), otra razón puede ser que cuando usted le puso nombre a su imagen, le haya puesto como nombre (fondo2.PNG). Cuando uno se baja una imagen de internet o crea una imagen propia en su ordenador, uno suele ir a "Archivo" y elegir "guardar como", entonces abajo de la ventana hay dos casillas una que dice "nombre" y la otra dice "tipo", en la que dice "nombre" uno debe poner solo el nombre que quiere que tenga esa imagen (nada mas que el nombre), ahora para elegir la extensión de como quiere uno guardar esa imagen, pues abajo en la casilla "tipo" a la derecha hay una flecha que hay que pulsar para que se abra un desplegable con una variedad de tipos de extensiones, uno, de ese desplegable elige cual extensión quiere para esa imagen y la marca (solo la marca (o hace click en ella), luego arriba (en la parte superior de esa ventana) busca la carpeta en la que quiere guardar esa imagen a la que ya le ha elegido también la extensión, después de elegir en que carpeta guardará esa imagen , uno debe ir a la parte inferior de esa ventana y pulsar en "guardar", por ejemplo:
Si yo tengo una imagen en mi ordenador que se llama gatocolorado, y tiene la extensión jpg, entonces me aparecerá como gatocolorado.jpg, pero si yo quiero cambiar el nombre de esa imagen, haré click derecho en la imagen, y en el desplegable que se abre elegiré "abrir con", si solo tengo el programa Paint, pues en ese desplegable elegiré Paint, y se me abrirá la imagen con Paint, ahora como quería cambiar el nombre de la imagen entonces con la imagen abierta en Paint, iré arriba en la ventana y en "archivo" elegiré "guardar como", y en la ventana que se abre, aparecerán las dos casillas, una que se llama "nombre" y la otra "tipo", pues en la que dice "nombre" allí pondré el nombre que quiero para esa imagen (solo el nombre), por ejemplo gatonegro, y en la casilla que se llama "tipo", pulsaré en la flecha que está a la derecha para que se abra un desplegable con los tipos de extensión que puedo elegir para guardar esa imagen y elegiré jpg, luego iré arriba (en esa misma ventana) y buscaré la carpeta donde yo quiero guardar la imagen, después que la haya encontrado y marcado iré abajo y pulsaré en "guardar", luego cerraré la ventana, y cuando vaya a la carpeta donde guardé la imagen esta ya se llamará gatonegro, y tendrá la extensión jpg o sea gatonegro.jpg.
Lo importante cuando uno baja una imagen y le quiere poner nombre , en la casilla donde dice "nombre" solo debe poner el nombre, y en la casilla "tipo", allí es donde uno elige con que extensión quiere guardar esa imagen, lo mismo vale con una imagen que haya sido creada por uno, así que le sugiero que saque su imagen fondo2.PNG de su carpeta objetos (la que tiene en el escritorio) y ponga esa imagen en el escritorio
y ábrala haciéndo click derecho en ella y en "archivo" elija "abrir con" y ábrala con el Paint luego de tenerla abierta vaya otra vez a "archivo" y elija "guardar como" y en la ventana que se abre, allí donde dice "nombre" escriba fondo3 (solo escriba fondo3) y mas abajo donde dice "tipo" púlse la flecha de la derecha para elegir la extensión que quiere que tenga, puede elegir png, o jpg, luego de hacer eso asegúrese que se guarde en su escritorio y luego abajo pulse en "guardar" y cierre todo.
Ahora tendrá dos imagenes en su escritorio, la primera que se llama fondo2.PNG, y la segunda que se llama fondo3.png o jpg , coja la que dice fondo3.jpg o png, y pongala en su carpeta objetos.
Luego vaya a su hoja de estilo y donde tiene las directivas para el body escriba: (borre todo primero)
body{background-color:#FFFF00;background-image:url(objetos/fondo3.jpg);background-position:center center;background-repeat:repeat;height:100%;}.
Si la ha guardado con la extensión jpg, debe poner esa extensión, si la ha guardado con la extensión png, debe poner esa extensión.
Saludos

Yaneth escribió:ok

para ayudarte mejor
muestranos una captura de pantalla
con ambos documentos abiertos

el html, el css y el woerkspace con la carpeta objetos abireta tambien

en este mismo foro en la parte de arriba hay un post que te indica como hacerlo

saludos

Yaneth escribió:me referia a algo asi

http://www.comocreartuweb.com/phpBB2/ftopic7504.html

vamos, haslo no te tardarás mucho, y seguro que asi vemos el fallo

saludos

eduval1 escribió:

Raulyure escribió:

eduval1 escribió::( hola soy nuevo i al igual que todos en este tema aa mi lo que no me sube es la imagen y no encuentro que es alguien me podria ayudar?
en estilos esta asi:


Hola:
Cuando usted elige en "tipo" la extensión de como quiere guardar su imagen, allí le suelen salir en mayúsculas, cuando usted ponga en su hoja de estilo objetos/fondo3.PNG pruebe poniéndola en mayúsculas y si cuando haga vista previa no se ve, entonces pruebe poniéndola con minúsculas o sea objetos/fondo.png
Si usted cuando va a guardar la imagen y en "tipo" elige JPG, suele salir allí en "tipo" en mayúsculas, cuando la pone en la hoja de estilo puede probar poniéndola en mayúsculas y después hacer la vista previa, si no se ve, entonces escríbala poniéndola en minúsculas o sea jpg, y recuerde que su carpeta objetos debe tenerla dentro de la carpeta "web-ejemplo-cctw", la que está en su escritorio, en la misma carpeta donde tiene la página y la hoja de estilo.
También es importante que usted cuando abre una capa, en este caso el body (que también sería una capa, debe cerrarlo, al igual que la <a href con una </a>, al igual que la

con una </p>
Por ejemplo si usted se fija bien:

Usted tiene esto en su pagina:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

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

<body>
bienvenidos a la pagina esta en costruccion


gracias a <a href="http://www.comocreartuweb.com"
target="blank">cctw</a

>

</html>
Como ve le falta antes del cierre del </html> poner el cierre del body,
también la <a href la ha cerrado mal así como el párrafo

debiera de tener en su index o página sus códigos así:

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

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

<body>
bienvenidos a la pagina esta en costruccion


gracias a cctw</p>
</body>
</html>
Revise bien, no confunda esto < con esto >
Saludos

Raulyure escribió:

eduval1 escribió:

Raulyure escribió:

eduval1 escribió::( hola soy nuevo i al igual que todos en este tema aa mi lo que no me sube es la imagen y no encuentro que es alguien me podria ayudar?
en estilos esta asi:

body{background-color:#FFFF00;background-image: url(objetos/fondo2.PNG);background-position:center center;background-repeat:no-repeat;height:100%}

y en el html:

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

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

<body>
bienvenidos a la pagina esta en costruccion


gracias a <a href="http://www.comocreartuweb.com"
target="blank">cctw</a

>

</html>

QUE ESTA MAL NO ENTIENDO AYUDA PORFAVOR??? GRACIAS DE ANTEMANO SALUDOS DESDE ARGENTINA

Hola:
Si el color de fondo (background-color) se ve es que está bien relacionada su página con la hoja de estilo, eso significa que la página puede recibir ordenes desde la hoja de estilo, sin embargo si es la imagen la que no se ve, pueden ser varias cosas. Una de ellas es que su carpeta donde tiene la imagen se llame objetos ( con o minúscula) y usted en la hoja de estilo la llame Objetos (con O myúsculas), otra razón puede ser que cuando usted le puso nombre a su imagen, le haya puesto como nombre (fondo2.PNG). Cuando uno se baja una imagen de internet o crea una imagen propia en su ordenador, uno suele ir a "Archivo" y elegir "guardar como", entonces abajo de la ventana hay dos casillas una que dice "nombre" y la otra dice "tipo", en la que dice "nombre" uno debe poner solo el nombre que quiere que tenga esa imagen (nada mas que el nombre), ahora para elegir la extensión de como quiere uno guardar esa imagen, pues abajo en la casilla "tipo" a la derecha hay una flecha que hay que pulsar para que se abra un desplegable con una variedad de tipos de extensiones, uno, de ese desplegable elige cual extensión quiere para esa imagen y la marca (solo la marca (o hace click en ella), luego arriba (en la parte superior de esa ventana) busca la carpeta en la que quiere guardar esa imagen a la que ya le ha elegido también la extensión, después de elegir en que carpeta guardará esa imagen , uno debe ir a la parte inferior de esa ventana y pulsar en "guardar", por ejemplo:
Si yo tengo una imagen en mi ordenador que se llama gatocolorado, y tiene la extensión jpg, entonces me aparecerá como gatocolorado.jpg, pero si yo quiero cambiar el nombre de esa imagen, haré click derecho en la imagen, y en el desplegable que se abre elegiré "abrir con", si solo tengo el programa Paint, pues en ese desplegable elegiré Paint, y se me abrirá la imagen con Paint, ahora como quería cambiar el nombre de la imagen entonces con la imagen abierta en Paint, iré arriba en la ventana y en "archivo" elegiré "guardar como", y en la ventana que se abre, aparecerán las dos casillas, una que se llama "nombre" y la otra "tipo", pues en la que dice "nombre" allí pondré el nombre que quiero para esa imagen (solo el nombre), por ejemplo gatonegro, y en la casilla que se llama "tipo", pulsaré en la flecha que está a la derecha para que se abra un desplegable con los tipos de extensión que puedo elegir para guardar esa imagen y elegiré jpg, luego iré arriba (en esa misma ventana) y buscaré la carpeta donde yo quiero guardar la imagen, después que la haya encontrado y marcado iré abajo y pulsaré en "guardar", luego cerraré la ventana, y cuando vaya a la carpeta donde guardé la imagen esta ya se llamará gatonegro, y tendrá la extensión jpg o sea gatonegro.jpg.
Lo importante cuando uno baja una imagen y le quiere poner nombre , en la casilla donde dice "nombre" solo debe poner el nombre, y en la casilla "tipo", allí es donde uno elige con que extensión quiere guardar esa imagen, lo mismo vale con una imagen que haya sido creada por uno, así que le sugiero que saque su imagen fondo2.PNG de su carpeta objetos (la que tiene en el escritorio) y ponga esa imagen en el escritorio
y ábrala haciéndo click derecho en ella y en "archivo" elija "abrir con" y ábrala con el Paint luego de tenerla abierta vaya otra vez a "archivo" y elija "guardar como" y en la ventana que se abre, allí donde dice "nombre" escriba fondo3 (solo escriba fondo3) y mas abajo donde dice "tipo" púlse la flecha de la derecha para elegir la extensión que quiere que tenga, puede elegir png, o jpg, luego de hacer eso asegúrese que se guarde en su escritorio y luego abajo pulse en "guardar" y cierre todo.
Ahora tendrá dos imagenes en su escritorio, la primera que se llama fondo2.PNG, y la segunda que se llama fondo3.png o jpg , coja la que dice fondo3.jpg o png, y pongala en su carpeta objetos.
Luego vaya a su hoja de estilo y donde tiene las directivas para el body escriba: (borre todo primero)
body{background-color:#FFFF00;background-image:url(objetos/fondo3.jpg);background-position:center center;background-repeat:repeat;height:100%;}.
Si la ha guardado con la extensión jpg, debe poner esa extensión, si la ha guardado con la extensión png, debe poner esa extensión.
Saludos

hola saludos de nuevo gracias pero me sigue pasando lo mismo no sale la imagen ??????????????? en el paint siempre esta en jpg o png con mayusculas y de todas forma pongo las mayusculas en el de estilos y nada ?????????
gracias nuevamente

Hola:
Cuando usted elige en "tipo" la extensión de como quiere guardar su imagen, allí le suelen salir en mayúsculas, cuando usted ponga en su hoja de estilo objetos/fondo3.PNG pruebe poniéndola en mayúsculas y si cuando haga vista previa no se ve, entonces pruebe poniéndola con minúsculas o sea objetos/fondo.png
Si usted cuando va a guardar la imagen y en "tipo" elige JPG, suele salir allí en "tipo" en mayúsculas, cuando la pone en la hoja de estilo puede probar poniéndola en mayúsculas y después hacer la vista previa, si no se ve, entonces escríbala poniéndola en minúsculas o sea jpg, y recuerde que su carpeta objetos debe tenerla dentro de la carpeta "web-ejemplo-cctw", la que está en su escritorio, en la misma carpeta donde tiene la página y la hoja de estilo.
También es importante que usted cuando abre una capa, en este caso el body (que también sería una capa, debe cerrarlo, al igual que la <a href con una </a>, al igual que la

con una </p>
Por ejemplo si usted se fija bien:

Usted tiene esto en su pagina:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

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

<body>
bienvenidos a la pagina esta en costruccion


gracias a <a href="http://www.comocreartuweb.com"
target="blank">cctw</a

>

</html>
Como ve le falta antes del cierre del </html> poner el cierre del body,
también la <a href la ha cerrado mal así como el párrafo

debiera de tener en su index o página sus códigos así:

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

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

<body>
bienvenidos a la pagina esta en costruccion


gracias a cctw</p>
</body>
</html>
Revise bien, no confunda esto < con esto >
Saludos

Raulyure escribió:Hola:
Si el color de fondo (background-color) se ve es que está bien relacionada su página con la hoja de estilo, eso significa que la página puede recibir ordenes desde la hoja de estilo, sin embargo si es la imagen la que no se ve, pueden ser varias cosas. Una de ellas es que su carpeta donde tiene la imagen se llame objetos ( con o minúscula) y usted en la hoja de estilo la llame Objetos (con O myúsculas), otra razón puede ser que cuando usted le puso nombre a su imagen, le haya puesto como nombre (fondo2.PNG). Cuando uno se baja una imagen de internet o crea una imagen propia en su ordenador, uno suele ir a "Archivo" y elegir "guardar como", entonces abajo de la ventana hay dos casillas una que dice "nombre" y la otra dice "tipo", en la que dice "nombre" uno debe poner solo el nombre que quiere que tenga esa imagen (nada mas que el nombre), ahora para elegir la extensión de como quiere uno guardar esa imagen, pues abajo en la casilla "tipo" a la derecha hay una flecha que hay que pulsar para que se abra un desplegable con una variedad de tipos de extensiones, uno, de ese desplegable elige cual extensión quiere para esa imagen y la marca (solo la marca (o hace click en ella), luego arriba (en la parte superior de esa ventana) busca la carpeta en la que quiere guardar esa imagen a la que ya le ha elegido también la extensión, después de elegir en que carpeta guardará esa imagen , uno debe ir a la parte inferior de esa ventana y pulsar en "guardar", por ejemplo:
Si yo tengo una imagen en mi ordenador que se llama gatocolorado, y tiene la extensión jpg, entonces me aparecerá como gatocolorado.jpg, pero si yo quiero cambiar el nombre de esa imagen, haré click derecho en la imagen, y en el desplegable que se abre elegiré "abrir con", si solo tengo el programa Paint, pues en ese desplegable elegiré Paint, y se me abrirá la imagen con Paint, ahora como quería cambiar el nombre de la imagen entonces con la imagen abierta en Paint, iré arriba en la ventana y en "archivo" elegiré "guardar como", y en la ventana que se abre, aparecerán las dos casillas, una que se llama "nombre" y la otra "tipo", pues en la que dice "nombre" allí pondré el nombre que quiero para esa imagen (solo el nombre), por ejemplo gatonegro, y en la casilla que se llama "tipo", pulsaré en la flecha que está a la derecha para que se abra un desplegable con los tipos de extensión que puedo elegir para guardar esa imagen y elegiré jpg, luego iré arriba (en esa misma ventana) y buscaré la carpeta donde yo quiero guardar la imagen, después que la haya encontrado y marcado iré abajo y pulsaré en "guardar", luego cerraré la ventana, y cuando vaya a la carpeta donde guardé la imagen esta ya se llamará gatonegro, y tendrá la extensión jpg o sea gatonegro.jpg.
Lo importante cuando uno baja una imagen y le quiere poner nombre , en la casilla donde dice "nombre" solo debe poner el nombre, y en la casilla "tipo", allí es donde uno elige con que extensión quiere guardar esa imagen, lo mismo vale con una imagen que haya sido creada por uno, así que le sugiero que saque su imagen fondo2.PNG de su carpeta objetos (la que tiene en el escritorio) y ponga esa imagen en el escritorio
y ábrala haciéndo click derecho en ella y en "archivo" elija "abrir con" y ábrala con el Paint luego de tenerla abierta vaya otra vez a "archivo" y elija "guardar como" y en la ventana que se abre, allí donde dice "nombre" escriba fondo3 (solo escriba fondo3) y mas abajo donde dice "tipo" púlse la flecha de la derecha para elegir la extensión que quiere que tenga, puede elegir png, o jpg, luego de hacer eso asegúrese que se guarde en su escritorio y luego abajo pulse en "guardar" y cierre todo.
Ahora tendrá dos imagenes en su escritorio, la primera que se llama fondo2.PNG, y la segunda que se llama fondo3.png o jpg , coja la que dice fondo3.jpg o png, y pongala en su carpeta objetos.
Luego vaya a su hoja de estilo y donde tiene las directivas para el body escriba: (borre todo primero)
body{background-color:#FFFF00;background-image:url(objetos/fondo3.jpg);background-position:center center;background-repeat:repeat;height:100%;}.
Si la ha guardado con la extensión jpg, debe poner esa extensión, si la ha guardado con la extensión png, debe poner esa extensión.
Saludos


Hola:
Cuando usted elige en "tipo" la extensión de como quiere guardar su imagen, allí le suelen salir en mayúsculas, cuando usted ponga en su hoja de estilo objetos/fondo3.PNG pruebe poniéndola en mayúsculas y si cuando haga vista previa no se ve, entonces pruebe poniéndola con minúsculas o sea objetos/fondo.png
Si usted cuando va a guardar la imagen y en "tipo" elige JPG, suele salir allí en "tipo" en mayúsculas, cuando la pone en la hoja de estilo puede probar poniéndola en mayúsculas y después hacer la vista previa, si no se ve, entonces escríbala poniéndola en minúsculas o sea jpg, y recuerde que su carpeta objetos debe tenerla dentro de la carpeta "web-ejemplo-cctw", la que está en su escritorio, en la misma carpeta donde tiene la página y la hoja de estilo.
También es importante que usted cuando abre una capa, en este caso el body (que también sería una capa, debe cerrarlo, al igual que la <a href con una </a>, al igual que la

con una </p>
Por ejemplo si usted se fija bien:


hola re saludos ya hice todos los cambio y el index queda asi::

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

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

<body>
bienvenidos a la pagina esta en costruccion


gracias a cctw</p>
</body>
</html>
Bueno, por lo visto esto da un poco de guerra, así que vamos hacerlo de una manera práctica y radical.

Cree una carpeta en su escritorio, póngale por nombre "mi-web",(exactamente así, solo que sin las comillas) luego de tenerla creada, dentro de ella cree una que se llame "objetos", luego busque cualquier imagen pequeña (200px x 200px, 100x100, 300x 300) en su ordenador y póngala en esa carpeta objetos, imaginemos que la imagen se llama gato y tiene una extensión jpg por tanto esa imagen es gato.jpg después vaya a "Inicio" (en la parte inferior de su pantalla), pulse , y ponga el cursor en "todos los programas" y en el desplegable que se abre elija "Accesorios" o ponga el cursor en "Accesorios" y en el desplegable que se abre pulse en "bloc de notas", cuando se abra la ventana del "bloc de notas" escriba allí lo siguiente:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>mi pagina</title>
<link rel="stylesheet"href="estilos.css" type="text/css" media="all">
</head>
<body>
bienvenidos a la pagina esta en costruccion
</body>
</html>
(Escriba exactamente lo que le digo)

Luego en esa misma ventana vaya arriba donde dice "Archivo" , pulse y en el desplegable que se abre elija "guardar como", cuando se abra la ventana del guardar como, en la parte de abajo donde dice "Nombre", borre lo que está en esa casilla y escriba index.html, luego elija donde la guardará, con la flecha de la derecha de esa ventana en la parte de arriba, hágalo en la carpeta recién creada en su escritorio, la que se llama "mi-web", y cierre.

Ahora repetiremos el proceso anterior para crear la hoja de estilo.

Después que haya hecho eso, vuelva a ir a "Inicio" (abajo de su pantalla a la izquierda) luego ponga el cursor en "todos los programas" y en el desplegable elija "Accesorios", luego en el desplegable que se abre elija o abra "bloc de notas", se le abrirá la ventana para escribir, y escriba :

body{background-color:#E6E6FA;background-image:url(objetos/gato.jpg);background-position:center center;background-repeat:repeat;}
Escriba exactamente lo que le digo

Luego después de escribir eso vaya a la esquina superior izquierda y en "Archivo" pulse para que elija "guardar como", cuando se abra la ventana del guardar como, vaya abajo y donde dice "Nombre" borre lo que hay allí y escriba estilos.css luego elija la carpeta donde la va a guardar, (la misma donde ha puesto ese index.html que creó anteriormente, en la carpeta mi-web) y pulse en guardar y cierre. (Lo que ha hecho hasta ahora es haber creado una página web con su correspondiente hoja de estilo por medio del bloc de notas). Ahora que ya tiene todo cerrado vaya a esa carpeta "mi-web" ,ábrala y dele doble click al index.html, seguramente le saldrá un mensaje de que el archivo no se puede encontrar, usted no le haga caso y cierre ese mensaje, que allí mismo le mostrará la página index.html.
Allí verá si está esa página bien relacionada con la hoja de estilo. (Como en la hoja de estilo usted le había dado unas directivas al body, la página debiera de aparecerle con el color de fondo y con la imagen de fondo)
Si usted quiere abrir la página index.html en la vista código (esa que acaba de crear) para escribir en ella, debe hacer clic derecho en la página y en el desplegable que se abre elegir "abrir con" y elige "bloc de notas",(escribe un párrafo entre las etiquetas <body> y </body> por ejemplo : <body>

Acá escribo un párrafo</p></body> Y para guardar lo que escribió ya no necesita hacerlo con el guardar como si no solo guardar y cerrar. Para la hoja de estilo solo hace falta para abrirla, hacer doble clic en ella, para poner mas directivas y guardar y cerrar.
Cuando antes no existían todos esos programas que lo hacen casi todo por uno, las páginas se hacían solo con el bloc de notas, que al fin de cuentas es la base en que se basan todos esos programas que hay ahora.
Le recomiendo que no haga copiar y pegar, escriba lo que tenga que poner, porque muchos programas no reconocen o no toman en cuenta el copiar y pegar.
Usted haga todo esto y nos comenta si ahora se ve la imagen que ha puesto, (la que se llama gato.jpg). Si se ve entonces le indicaré como reemplazar lo que tiene en su carpeta web-ejemplo-cctw por los archivos recién creados.
Saludos

cacbox escribió:wenas soy nuevo y he empezado y todo bien hasta que me tope el fondo y zas,,,,la fastidie y ahora no sale ,,antes de desquiciarme me puse a investigar en el foro haber is veia algun tema de lo que me sucedia, y cuando di con este me puse a ello ,tanto le di que al final viendo que no tenia ningun problema llegue a la conclusion ,de que mi problema llegaba hasta el final de la pagina del foro entonces tras intentarlo todo me di cuenta de que nada,,,,asi que lo copie todo tal cual sin dejamre errores ,,,,,copie todo bien revise las mayusculas y demas pero nadaque no hay manera




<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>mi pagina</title>
<link rel="stylesheet"href="estilos.css" type="text/css" media="all">
</head>
<body>
bienvenidos a la pagina esta en costruccion
</body>
</html>



y en el de estilos

body{background-color:#E6E6FA;background-image:url(objetos/gato.jpg);background-position:center center;background-repeat:repeat;}



si puede ser uan ayuditas por fa ya se que estareis quemado de este tema pero no se

Raulyure escribió:hola re saludos ya hice todos los cambio y el index queda asi::

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

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

<body>
bienvenidos a la pagina esta en costruccion


gracias a cctw</p>
</body>
</html>
Bueno, por lo visto esto da un poco de guerra, así que vamos hacerlo de una manera práctica y radical.

Cree una carpeta en su escritorio, póngale por nombre "mi-web",(exactamente así, solo que sin las comillas) luego de tenerla creada, dentro de ella cree una que se llame "objetos", luego busque cualquier imagen pequeña (200px x 200px, 100x100, 300x 300) en su ordenador y póngala en esa carpeta objetos, imaginemos que la imagen se llama gato y tiene una extensión jpg por tanto esa imagen es gato.jpg después vaya a "Inicio" (en la parte inferior de su pantalla), pulse , y ponga el cursor en "todos los programas" y en el desplegable que se abre elija "Accesorios" o ponga el cursor en "Accesorios" y en el desplegable que se abre pulse en "bloc de notas", cuando se abra la ventana del "bloc de notas" escriba allí lo siguiente:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>mi pagina</title>
<link rel="stylesheet"href="estilos.css" type="text/css" media="all">
</head>
<body>
bienvenidos a la pagina esta en costruccion
</body>
</html>
(Escriba exactamente lo que le digo)

Luego en esa misma ventana vaya arriba donde dice "Archivo" , pulse y en el desplegable que se abre elija "guardar como", cuando se abra la ventana del guardar como, en la parte de abajo donde dice "Nombre", borre lo que está en esa casilla y escriba index.html, luego elija donde la guardará, con la flecha de la derecha de esa ventana en la parte de arriba, hágalo en la carpeta recién creada en su escritorio, la que se llama "mi-web", y cierre.

Ahora repetiremos el proceso anterior para crear la hoja de estilo.

Después que haya hecho eso, vuelva a ir a "Inicio" (abajo de su pantalla a la izquierda) luego ponga el cursor en "todos los programas" y en el desplegable elija "Accesorios", luego en el desplegable que se abre elija o abra "bloc de notas", se le abrirá la ventana para escribir, y escriba :

body{background-color:#E6E6FA;background-image:url(objetos/gato.jpg);background-position:center center;background-repeat:repeat;}
Escriba exactamente lo que le digo

Luego después de escribir eso vaya a la esquina superior izquierda y en "Archivo" pulse para que elija "guardar como", cuando se abra la ventana del guardar como, vaya abajo y donde dice "Nombre" borre lo que hay allí y escriba estilos.css luego elija la carpeta donde la va a guardar, (la misma donde ha puesto ese index.html que creó anteriormente, en la carpeta mi-web) y pulse en guardar y cierre. (Lo que ha hecho hasta ahora es haber creado una página web con su correspondiente hoja de estilo por medio del bloc de notas). Ahora que ya tiene todo cerrado vaya a esa carpeta "mi-web" ,ábrala y dele doble click al index.html, seguramente le saldrá un mensaje de que el archivo no se puede encontrar, usted no le haga caso y cierre ese mensaje, que allí mismo le mostrará la página index.html.
Allí verá si está esa página bien relacionada con la hoja de estilo. (Como en la hoja de estilo usted le había dado unas directivas al body, la página debiera de aparecerle con el color de fondo y con la imagen de fondo)
Si usted quiere abrir la página index.html en la vista código (esa que acaba de crear) para escribir en ella, debe hacer clic derecho en la página y en el desplegable que se abre elegir "abrir con" y elige "bloc de notas",(escribe un párrafo entre las etiquetas <body> y </body> por ejemplo : <body>

Acá escribo un párrafo</p></body> Y para guardar lo que escribió ya no necesita hacerlo con el guardar como si no solo guardar y cerrar. Para la hoja de estilo solo hace falta para abrirla, hacer doble clic en ella, para poner mas directivas y guardar y cerrar.
Cuando antes no existían todos esos programas que lo hacen casi todo por uno, las páginas se hacían solo con el bloc de notas, que al fin de cuentas es la base en que se basan todos esos programas que hay ahora.
Le recomiendo que no haga copiar y pegar, escriba lo que tenga que poner, porque muchos programas no reconocen o no toman en cuenta el copiar y pegar.
Usted haga todo esto y nos comenta si ahora se ve la imagen que ha puesto, (la que se llama gato.jpg). Si se ve entonces le indicaré como reemplazar lo que tiene en su carpeta web-ejemplo-cctw por los archivos recién creados.
Saludos

eduval1 escribió:

Raulyure escribió:hola re saludos ya hice todos los cambio y el index queda asi::

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

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

<body>
bienvenidos a la pagina esta en costruccion


gracias a cctw</p>
</body>
</html>
Bueno, por lo visto esto da un poco de guerra, así que vamos hacerlo de una manera práctica y radical.

Cree una carpeta en su escritorio, póngale por nombre "mi-web",(exactamente así, solo que sin las comillas) luego de tenerla creada, dentro de ella cree una que se llame "objetos", luego busque cualquier imagen pequeña (200px x 200px, 100x100, 300x 300) en su ordenador y póngala en esa carpeta objetos, imaginemos que la imagen se llama gato y tiene una extensión jpg por tanto esa imagen es gato.jpg después vaya a "Inicio" (en la parte inferior de su pantalla), pulse , y ponga el cursor en "todos los programas" y en el desplegable que se abre elija "Accesorios" o ponga el cursor en "Accesorios" y en el desplegable que se abre pulse en "bloc de notas", cuando se abra la ventana del "bloc de notas" escriba allí lo siguiente:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>mi pagina</title>
<link rel="stylesheet"href="estilos.css" type="text/css" media="all">
</head>
<body>
bienvenidos a la pagina esta en costruccion
</body>
</html>
(Escriba exactamente lo que le digo)

Luego en esa misma ventana vaya arriba donde dice "Archivo" , pulse y en el desplegable que se abre elija "guardar como", cuando se abra la ventana del guardar como, en la parte de abajo donde dice "Nombre", borre lo que está en esa casilla y escriba index.html, luego elija donde la guardará, con la flecha de la derecha de esa ventana en la parte de arriba, hágalo en la carpeta recién creada en su escritorio, la que se llama "mi-web", y cierre.

Ahora repetiremos el proceso anterior para crear la hoja de estilo.

Después que haya hecho eso, vuelva a ir a "Inicio" (abajo de su pantalla a la izquierda) luego ponga el cursor en "todos los programas" y en el desplegable elija "Accesorios", luego en el desplegable que se abre elija o abra "bloc de notas", se le abrirá la ventana para escribir, y escriba :

body{background-color:#E6E6FA;background-image:url(objetos/gato.jpg);background-position:center center;background-repeat:repeat;}
Escriba exactamente lo que le digo

Luego después de escribir eso vaya a la esquina superior izquierda y en "Archivo" pulse para que elija "guardar como", cuando se abra la ventana del guardar como, vaya abajo y donde dice "Nombre" borre lo que hay allí y escriba estilos.css luego elija la carpeta donde la va a guardar, (la misma donde ha puesto ese index.html que creó anteriormente, en la carpeta mi-web) y pulse en guardar y cierre. (Lo que ha hecho hasta ahora es haber creado una página web con su correspondiente hoja de estilo por medio del bloc de notas). Ahora que ya tiene todo cerrado vaya a esa carpeta "mi-web" ,ábrala y dele doble click al index.html, seguramente le saldrá un mensaje de que el archivo no se puede encontrar, usted no le haga caso y cierre ese mensaje, que allí mismo le mostrará la página index.html.
Allí verá si está esa página bien relacionada con la hoja de estilo. (Como en la hoja de estilo usted le había dado unas directivas al body, la página debiera de aparecerle con el color de fondo y con la imagen de fondo)
Si usted quiere abrir la página index.html en la vista código (esa que acaba de crear) para escribir en ella, debe hacer clic derecho en la página y en el desplegable que se abre elegir "abrir con" y elige "bloc de notas",(escribe un párrafo entre las etiquetas <body> y </body> por ejemplo : <body>

Acá escribo un párrafo</p></body> Y para guardar lo que escribió ya no necesita hacerlo con el guardar como si no solo guardar y cerrar. Para la hoja de estilo solo hace falta para abrirla, hacer doble clic en ella, para poner mas directivas y guardar y cerrar.
Cuando antes no existían todos esos programas que lo hacen casi todo por uno, las páginas se hacían solo con el bloc de notas, que al fin de cuentas es la base en que se basan todos esos programas que hay ahora.
Le recomiendo que no haga copiar y pegar, escriba lo que tenga que poner, porque muchos programas no reconocen o no toman en cuenta el copiar y pegar.
Usted haga todo esto y nos comenta si ahora se ve la imagen que ha puesto, (la que se llama gato.jpg). Si se ve entonces le indicaré como reemplazar lo que tiene en su carpeta web-ejemplo-cctw por los archivos recién creados.
Saludos

saludos nuevamente
bueno desde que uno abre el index.html ya se ve la pagina y la imagen de gato y siempre he escrito no he copiado ??? saludos gracias

cacbox escribió:bueno despues de ver tdas las maneras posibles y lo serrores que pudiese cometer ,al final me he visto tre personas mirando que todo esta identico que no se me ha pasado nada ,que ta todo como explicais pero nada fallaba igual he revisado y vuelto ha revisar he borrado ayer y hoy tambien y no me aparece ni con el copia y pega de todo lso ejemplos creo que a lo mejor hay algo que falla desde fuera no se si el programa o que ,


pero algo seguro tengo todo como me decis empezamos en esto con mi cuñado desde su casa y hemos tenido que hablar por que los dos estabamos trancados en el mismo sitio,, en serio no se por que



consegui hacerlo con el menu no se si sera acertado meterme ahi por que significa perder lecciones de lo de estilos css,,,, pero funciona desde el menu de accion .....

si teneis alguna idea mejor o sabeis el por que de la persistencia me lo decis por que no me gustaria perder las lecciones de los archivos css,,pa no liarmpo con el tutorial

*Rosa* escribió:Hola!
Como veis, soy nueva por aquí y es que he empezado con el tutorial para crear una página web (el tutorial es de lo mejor que he visto en mucho tiempo) pero tengo el mismo problema que se ha comentado por aquí.
Me he leído las tres hojas para ver si podía solucionarlo de alguna manera pero nada, la imagen de fondo no me aparece por ningún sitio, sin embargo el color de fondo sí.
Aquí dejo un par de capturas para que se vea mejor:
:arrow: estilos http://img171.imageshack.us/img171/504/estiloszl4.jpg
:arrow: html http://img388.imageshack.us/img388/5862/htmluj3.jpg
El caso es que aparte de todo esto tengo otra duda. Los archivos index y estilos los tengo en la carpeta "pagina-ejemplo" dentro de la carpeta "web ejemplo" en "mis paginas web" y el fondo en "objetos" no sé si me habré equivocado al colocar index y estilos en esa carpeta.

Un saludo :wink:

background:url([url]http://img252.imageshack.us/img252/2134/wownlq1.jpg[/url]); 

Raulyure escribió: Hola:
Espero no haberme olvidado de lo que vi en sus imagenes que ha puesto, pero creo haber notado que usted tiene en el HTML-KIT la carpeta "web-ejemplo-cctw-local", y debajo de ella el index.html y la hoja de estilos.css, pero no veo la carpeta objetos que también debiera aparecer allí.
Resumo:

Usted en principio creó una carpeta en su escritorio, a la que llamó "mis-paginas-web", dentro de esa carpeta debió crear una carpeta que se llama "web-ejemplo-cctw", y dentro de esa carpeta debió de crear otra que llamaría "objetos", imagino que después de eso usted abrió el programa HTML_KIT y creó por así decirlo en el programa HTML-KIT un acceso directo de esa carpeta que en su escritorio se llama "web-ejemplo-cctw", pero para no confundirse, esa carpeta que en el escritorio se llama "web-ejemplo-cctw", usted en el programa HTML-KIT le llama "web-ejemplo-cctw-local", y para ello se supone que usted fue a la pestaña "workspace" y al pulsar se le abrió un pequeño desplegable donde eligió:
"Añadir carpeta/servidorFTP y en el desplegable siguiente eligió "añadir carpeta LocalRed", con eso usted crea, la carpeta en el programa , y al ser un acceso directo de la que tiene en el escritorio, esa carpeta tendría que llevar dentro a la carpeta objetos.
Es probable (y solo digo probable), que por alguna razón, usted haya creado la carpeta objetos dentro de la carpeta "web-ejemplo-cctw" (la de su escritorio) después de haber creado su copia (por decirlo así) en el programa HTML-KIT, (la carpeta "web-ejemplo-cctw-local", ) y por eso la carpeta objetos no le aparece en el programa cuando abre la carpeta "web-ejemplo-cctw-local", y si no tiene la carpeta objetos en el programa, lógicamente tampoco aparecerá la imagen que se supone tiene dentro de ella.
Le repito que solo me estoy basándo en lo que he visto de las imagenes que usted nos ha puesto.
Quisiera saber si realmente cuando usted hace doble click en la carpeta "web-ejemplo-cctw-local" (la que tiene en el programa) tiene también la carpeta objetos (esta debiera , después de abrir la carpeta "web-ejemplo-cctw-local") aparecer debajo de la carpeta, al igual como le aparece el index y la hoja de estilo, por que si no es así, entonces veríamos la forma de arreglar el problema
Saludos
Como dato:
Usted debe tener en su escritorio una carpeta que se llama "mis-paginas-web", dentro de esa carpeta usted debe tener otra que se llama "web-ejemplo-cctw", y dentro de esa carpeta "web-ejemplo-cctw" debe tener una carpeta llamada "objetos" la pagina index.html y la hoja de estilos.css