Pues para quitar la fecha sólo tienes que borrar esta parte del código:
01/10/07
01/10/07
Si tienes un problema con tu web lee esto!
que no entiendes Kaiser, expone tus dudas en el post
hola tengo un problema con las imagenes de mi sitio de pruevas
ya he subido la carpeta objetos, index, y hoja de estilos y la pagina se ve perfectamente bien pero sin las imagenes
que es lo que podria estar pasando, aca te dejo los codigos:
en el html tengo esto:
+SITIOS WEB
..... estilos.css
..... index.html
..... +objetos
+MAXIGROX.ATWEBPAGES.COM
..... +MAXIGROX.ATWEBPAGES.COM
..... index.html
..... estilos.css
..... +objetos
........... patamon animado.gif
........... gogeta.gif
los codigos son estos:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>pagina de maxi</title>
<link rel="stylesheet" href="c:\documents and settings\maximiliano\mis documentos\sitios web/estilos.css" type="text/css" media="all">
</head>
<body>
<p class="centrado">esta es la primera prueva de un parrafo sentrado
<p class="centrado">ahora pongamos ina imagen como un patamon=[contenido no disponible]
<p class="centrado">y ahora una gran imagen de gogeta</p>
<p class="centrado">[contenido no disponible]
<p class="centrado">ahora pongamos un link para que vean que esta pagina esta quedando mejor que minijuegos</p>
</body>
</html>
la hoja de estilos:
body {background-color: #FFA07A}
.centrado {text-align:center}
bueno espero que encuentren lo que esta mal...
aca les dejo la direccion de la pag para que vean que no les miento: http://maxigrox.atwebpages.com
:evil:
ya he subido la carpeta objetos, index, y hoja de estilos y la pagina se ve perfectamente bien pero sin las imagenes
que es lo que podria estar pasando, aca te dejo los codigos:
en el html tengo esto:
+SITIOS WEB
..... estilos.css
..... index.html
..... +objetos
+MAXIGROX.ATWEBPAGES.COM
..... +MAXIGROX.ATWEBPAGES.COM
..... index.html
..... estilos.css
..... +objetos
........... patamon animado.gif
........... gogeta.gif
los codigos son estos:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>pagina de maxi</title>
<link rel="stylesheet" href="c:\documents and settings\maximiliano\mis documentos\sitios web/estilos.css" type="text/css" media="all">
</head>
<body>
<p class="centrado">esta es la primera prueva de un parrafo sentrado
<p class="centrado">ahora pongamos ina imagen como un patamon=[contenido no disponible]
<p class="centrado">y ahora una gran imagen de gogeta</p>
<p class="centrado">[contenido no disponible]
<p class="centrado">ahora pongamos un link para que vean que esta pagina esta quedando mejor que minijuegos</p>
</body>
</html>
la hoja de estilos:
body {background-color: #FFA07A}
.centrado {text-align:center}
bueno espero que encuentren lo que esta mal...
aca les dejo la direccion de la pag para que vean que no les miento: http://maxigrox.atwebpages.com
:evil:
Pues en los códigos tienes puesta las rutas así:
<link rel="stylesheet" href="c:\documents and settings\maximiliano\mis documentos\sitios web/estilos.css" type="text/css" media="all">
[contenido no disponible]
y en verdad deben ser así:
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
[contenido no disponible]
Saludos, Juanma
<link rel="stylesheet" href="c:\documents and settings\maximiliano\mis documentos\sitios web/estilos.css" type="text/css" media="all">
[contenido no disponible]
y en verdad deben ser así:
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
[contenido no disponible]
Saludos, Juanma
hola saves que sigo con el mismo problema, puse los codigos como me dijiste pero sigo con el mismo problema: no veo las imagenes en mi sitio web te voy a volver a pasar los codigos para ver si hay alguna otra cosa que esta mal escrito cosa que no creo.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>pagina de maxi</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<p class="centrado">esta es la primera prueva de un parrafo sentrado
<p class="centrado">ahora pongamos ina imagen como un patamon=[contenido no disponible]</p>
<p class="centrado">y ahora una gran imagen de gogeta</p>
<p class="centrado">[contenido no disponible]</p>
<p class="centrado">ahora pongamos un link para que vean que esta pagina esta quedando mejor que minijuegos</p>
</body>
</html>
ya no se que mas me falta pero desde que pongo la ruta como me dijiste, en el preview no se ve ni el color de fondo ni el texto centrado y menos las imagenes
pero en internet se ve todo bien menos las imagenes
que puede andar pasando? :?:
otra ves te paso la pag http://maxigrox.atwebpages.com
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>pagina de maxi</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<p class="centrado">esta es la primera prueva de un parrafo sentrado
<p class="centrado">ahora pongamos ina imagen como un patamon=[contenido no disponible]</p>
<p class="centrado">y ahora una gran imagen de gogeta</p>
<p class="centrado">[contenido no disponible]</p>
<p class="centrado">ahora pongamos un link para que vean que esta pagina esta quedando mejor que minijuegos</p>
</body>
</html>
ya no se que mas me falta pero desde que pongo la ruta como me dijiste, en el preview no se ve ni el color de fondo ni el texto centrado y menos las imagenes
pero en internet se ve todo bien menos las imagenes
que puede andar pasando? :?:
otra ves te paso la pag http://maxigrox.atwebpages.com
he estado un rato intentando modificar, arreglar lo del pie de pagina pero kn los kolores de los enlaces, el borde de la drecha me toy volviendo loca y no se como solucionarlo para que uqede bien, e intentao hasta kitarle el borde pero nada.... U_U plis a ver si m ayudas k soy un pokito caballo loko :P gracias
te dejo el enlace de mi pagina para k veas lo k m okurre http://gabyta1987.mywebcommunity.org/plantilla.html
te dejo el enlace de mi pagina para k veas lo k m okurre http://gabyta1987.mywebcommunity.org/plantilla.html
tengo puesto esto para la apgina index:
body {background-color: #0000FF ;
background-image: url(objetos/pink.png);
background-position: center center ;
background-repeat: repeat}
img {border-style: none}
.centrado {text-align:center}
.rojo {color: red ; background-color:silver}
p { font-family: comic sans, Helvetica, sans-serif;
font-size: 17px;
text-align: justify;
text-indent: 40px;
margin: 10px 10px 10px 10px}
pero no m sale el pink de fondo si no un color azul y e probado a subirlo ya 80 veces y a modificr el fondo pero tampoco sale si lo subo :(
body {background-color: #0000FF ;
background-image: url(objetos/pink.png);
background-position: center center ;
background-repeat: repeat}
img {border-style: none}
.centrado {text-align:center}
.rojo {color: red ; background-color:silver}
p { font-family: comic sans, Helvetica, sans-serif;
font-size: 17px;
text-align: justify;
text-indent: 40px;
margin: 10px 10px 10px 10px}
pero no m sale el pink de fondo si no un color azul y e probado a subirlo ya 80 veces y a modificr el fondo pero tampoco sale si lo subo :(
maxigrox, pues asegúrate de que las imágenes estén subidas al servidor en la carpeta objetos (en minusculas), y además las imágenes no pueden llevar espacios en el nombre, por lo que quítaselo a "patamon animado.gif"
Jennyfer, le hecharé un vistazo a tu web, porque en ópera se ve fatal, y creo que en firefox tambien, porque cuando se ve mal en opera se ve mal en firefox.
Saludos, Juanma :wink:
Jennyfer, le hecharé un vistazo a tu web, porque en ópera se ve fatal, y creo que en firefox tambien, porque cuando se ve mal en opera se ve mal en firefox.
Saludos, Juanma :wink:
Gracias por tu ayuda, ya arregle ese problema , ara el problema que tengo es kn los menus desplegables k m sale al hacer vista previa d la plantilla un error para depurarlo y le doy a no y luego en la pagina subida la servidor no sale nada de desplegable :(
Tampoco se si hay que subir los arxivos de no-tocar, dfinir menus, etc al servidor xk aunke los e subido tampoco salen los menus deplegables :cry: , gracias d nuevo
Tampoco se si hay que subir los arxivos de no-tocar, dfinir menus, etc al servidor xk aunke los e subido tampoco salen los menus deplegables :cry: , gracias d nuevo
Hola
si, debes subir esos archivos tambien
y deben estar junto al index,
solo las imagenes van en la carpeta objetos
te recomiendo abras un nuevo tema, para no mesclar las cosas
saludos
si, debes subir esos archivos tambien
y deben estar junto al index,
solo las imagenes van en la carpeta objetos
te recomiendo abras un nuevo tema, para no mesclar las cosas
saludos
hola amigos pude resolver el problema de las imagenes, era una carpeta mal acomodada, pero ahora se me presenta otro problema pequeño pero molesto, bueno en realidad son dos
1: cuando intento poner el borde redondeado de arriva queda corrido hacia la izquierda enves de quedar en el centro como los otros divs
2: cuando pongo mi menu orizontal y lo configuro para que quede horizontal y no vertical como el menu de la izquierda este tambien se vuelve horizontal y no se que esta mal.
les dejo aca lo que tego en la plantilla...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body id="global">
<div id="cabecera">
<div id="logotipo">
[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion"><div id="navegacion">
<ul>
Sección 1
Sección 2
Sección 3
Sección 4
</div>
<div id="contenido"><div id="menu">
<ul>
home page Enlace 2 Enlace 3
</div>
<h1>este es el titulo de mi web</h1>
<h2>este es el subtitulo de mi web</h2>
1=
-Mira si estoy borracho, que veo doble!
-No, si es que esos chicos son mellizos
-Los cuatro?</p>
2=
Dos irlandeses:
- Mira, tío, en esta bolsa tengo unas cervezas, si adivinas cuantas
hay te puedes quedar con las seis.</p>
3=
Va un borracho por la calle y se encuentra una monja. Le pega
una hostia, la tira al suelo y le dice.
- Levantate, Batman, y sigue lushando.</p>
4=
Entre dos borrachos:
- Pues yo dedico 20.000 pesetas semanales a lucha contra el alcohol.
- Venga ya!
- Que si, tío, cuanto mas bebo yo, menos beben los demás.</p>
5=
Dos borrachos semienterrados en la nieve después de un alud ven a
un perro de San Bernardo:
-Mira, ahí viene el mejor amigo del hombre.
-Si, y viene con un perro
</p></div>
<div id="pie">aca van los copiright y propagandas</div>
</body>
</html>
y aca lo que tengo el estilo general...
body {text-align: center}
#cabecera {background-color: salmon ; width: 800px }
#navegacion {background-color: gray ;width: 800px }
#contenido {background-color: orange ;width: 800px }
#pie {background-color: brown ; width: 800px }
#global {width:800px ; margin: 4px auto }
#menu {background-color: yellow; width: 120px ; height: 100px ; float:left ; text-align: left ; margin: 10px 10px 10px 10px }
#menu li { list-style:none ; margin: 3px 5px 3px 5px }
* {margin:0px ; padding:0px ; border: 0px}
a {color: blue; text-decoration: none ; display:block }
a:link {}
a:visited {}
a:hover {color:purple ; text-decoration: none ; background-color: silver}
a:active {color:red}
p {text-align: justify}
#contenido p {padding: 5px 10px 5px 10px}
h1 {font-size: 2.0em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
#curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; widht: 800px ; height: 12px ; overflow: hidden }
#logotipo { background-color: salmon ; width: 272px ; float:left }
#publicidad {background-color: salmon ; width:518px ; float:right }
#navegacion li {float:left}
bueno, son casi las 3 de la mañana, espero su respuesta: :shock:
1: cuando intento poner el borde redondeado de arriva queda corrido hacia la izquierda enves de quedar en el centro como los otros divs
2: cuando pongo mi menu orizontal y lo configuro para que quede horizontal y no vertical como el menu de la izquierda este tambien se vuelve horizontal y no se que esta mal.
les dejo aca lo que tego en la plantilla...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body id="global">
<div id="cabecera">
<div id="logotipo">
[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion"><div id="navegacion">
<ul>
</div>
<div id="contenido"><div id="menu">
<ul>
</div>
<h1>este es el titulo de mi web</h1>
<h2>este es el subtitulo de mi web</h2>
1=
-Mira si estoy borracho, que veo doble!
-No, si es que esos chicos son mellizos
-Los cuatro?</p>
2=
Dos irlandeses:
- Mira, tío, en esta bolsa tengo unas cervezas, si adivinas cuantas
hay te puedes quedar con las seis.</p>
3=
Va un borracho por la calle y se encuentra una monja. Le pega
una hostia, la tira al suelo y le dice.
- Levantate, Batman, y sigue lushando.</p>
4=
Entre dos borrachos:
- Pues yo dedico 20.000 pesetas semanales a lucha contra el alcohol.
- Venga ya!
- Que si, tío, cuanto mas bebo yo, menos beben los demás.</p>
5=
Dos borrachos semienterrados en la nieve después de un alud ven a
un perro de San Bernardo:
-Mira, ahí viene el mejor amigo del hombre.
-Si, y viene con un perro
</p></div>
<div id="pie">aca van los copiright y propagandas</div>
</body>
</html>
y aca lo que tengo el estilo general...
body {text-align: center}
#cabecera {background-color: salmon ; width: 800px }
#navegacion {background-color: gray ;width: 800px }
#contenido {background-color: orange ;width: 800px }
#pie {background-color: brown ; width: 800px }
#global {width:800px ; margin: 4px auto }
#menu {background-color: yellow; width: 120px ; height: 100px ; float:left ; text-align: left ; margin: 10px 10px 10px 10px }
#menu li { list-style:none ; margin: 3px 5px 3px 5px }
* {margin:0px ; padding:0px ; border: 0px}
a {color: blue; text-decoration: none ; display:block }
a:link {}
a:visited {}
a:hover {color:purple ; text-decoration: none ; background-color: silver}
a:active {color:red}
p {text-align: justify}
#contenido p {padding: 5px 10px 5px 10px}
h1 {font-size: 2.0em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
#curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; widht: 800px ; height: 12px ; overflow: hidden }
#logotipo { background-color: salmon ; width: 272px ; float:left }
#publicidad {background-color: salmon ; width:518px ; float:right }
#navegacion li {float:left}
bueno, son casi las 3 de la mañana, espero su respuesta: :shock:
Hola
el body dejalo vacio, y haces otra div para global asi:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
para que te evites problemas inecesarios
acomoda todas las cosas en la hoja de estilos, por orden de aparicion
mira asi
la linea del asterisco *
debe estar arriba del todo
luego
body
global
curva superior
cabecera
etc. etc.
saludos
el body dejalo vacio, y haces otra div para global asi:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
para que te evites problemas inecesarios
acomoda todas las cosas en la hoja de estilos, por orden de aparicion
mira asi
la linea del asterisco *
debe estar arriba del todo
luego
body
global
curva superior
cabecera
etc. etc.
saludos
hola, cambie lo que me dijiste en el body, ahora tengo el body vasio y debajo <div id="global"> pero sigo teniendo el mismo problema:
cuando pongo esto: #navegacion li {float:left} en los estilos generales, el menu tambien toma esta opcion poniendose horisontalmente, cosa que no quiero.
quise tratar de acomodar la carpeta estilos generales pero termine mas perdido que antes.
solo quiero saver como resolver el problema de la barra de navegacion..
aqui te doy los codigos
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
Sección 1
Sección 2
Sección 3
Sección 4
</div>
<div id="contenido"><div id="menu">
<ul>
home page Enlace 2 Enlace 3
</div>
<h1>este es el titulo de mi web</h1>
<h2>este es el subtitulo de mi web</h2>
1=
-Mira si estoy borracho, que veo doble!
-No, si es que esos chicos son mellizos
-Los cuatro?</p>
2=
Dos irlandeses:
- Mira, tío, en esta bolsa tengo unas cervezas, si adivinas cuantas
hay te puedes quedar con las seis.</p>
3=
Va un borracho por la calle y se encuentra una monja. Le pega
una hostia, la tira al suelo y le dice.
- Levantate, Batman, y sigue lushando.</p>
4=
Entre dos borrachos:
- Pues yo dedico 20.000 pesetas semanales a lucha contra el alcohol.
- Venga ya!
- Que si, tío, cuanto mas bebo yo, menos beben los demás.</p>
5=
Dos borrachos semienterrados en la nieve después de un alud ven a
un perro de San Bernardo:
-Mira, ahí viene el mejor amigo del hombre.
-Si, y viene con un perro
</p></div>
<div id="pie">aca van los copiright y propagandas</div>
</body>
</html>
y los estilos generales...
* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#cabecera {background-color: salmon ; width: 800px ; border-top: black 1px solid ; border-right: black 1px solid ; border-left: black 1px solid ; border-bottom: black 1px solid }
#navegacion {background-color: gray ;width: 800px ; border-top: black 1px solid ; border-right: black 1px solid ; border-left: black 1px solid ; border-bottom: black 1px solid }
#contenido {background-color: orange ;width: 800px ; border-top: black 1px solid ; border-right: black 1px solid ; border-left: black 1px solid ; border-bottom: black 1px solid }
#pie {background-color: brown ; width: 800px ; border-top: black 1px solid ; border-right: black 1px solid ; border-left: black 1px solid ; border-bottom: black 1px solid }
#global {width:800px ; margin: 4px auto }
#menu {background-color: yellow; width: 120px ; height: 90px ; float:left ; text-align: left ; margin: 10px 10px 10px 10px ; border-top: black 1px solid ; border-right: black 1px solid ; border-left: black 1px solid ; border-bottom: black 1px solid}
#menu li { list-style:none ; margin: 3px 5px 3px 5px }
a {color: blue; text-decoration: none ; display:block }
a:link {}
a:visited {}
a:hover {color:purple ; text-decoration: none ; background-color: silver}
a:active {color:red}
p {text-align: justify}
#contenido p {padding: 5px 10px 5px 10px}
h1 {font-size: 2.0em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
#logotipo { background-color: salmon ; width: 272px ; float:left }
#publicidad {background-color: salmon ; width:518px ; float:right }
si esta ves no sale bien voy a empezar de 0 para entender todo mejor :lol:
cuando pongo esto: #navegacion li {float:left} en los estilos generales, el menu tambien toma esta opcion poniendose horisontalmente, cosa que no quiero.
quise tratar de acomodar la carpeta estilos generales pero termine mas perdido que antes.
solo quiero saver como resolver el problema de la barra de navegacion..
aqui te doy los codigos
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
</div>
<div id="contenido"><div id="menu">
<ul>
</div>
<h1>este es el titulo de mi web</h1>
<h2>este es el subtitulo de mi web</h2>
1=
-Mira si estoy borracho, que veo doble!
-No, si es que esos chicos son mellizos
-Los cuatro?</p>
2=
Dos irlandeses:
- Mira, tío, en esta bolsa tengo unas cervezas, si adivinas cuantas
hay te puedes quedar con las seis.</p>
3=
Va un borracho por la calle y se encuentra una monja. Le pega
una hostia, la tira al suelo y le dice.
- Levantate, Batman, y sigue lushando.</p>
4=
Entre dos borrachos:
- Pues yo dedico 20.000 pesetas semanales a lucha contra el alcohol.
- Venga ya!
- Que si, tío, cuanto mas bebo yo, menos beben los demás.</p>
5=
Dos borrachos semienterrados en la nieve después de un alud ven a
un perro de San Bernardo:
-Mira, ahí viene el mejor amigo del hombre.
-Si, y viene con un perro
</p></div>
<div id="pie">aca van los copiright y propagandas</div>
</body>
</html>
y los estilos generales...
* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#cabecera {background-color: salmon ; width: 800px ; border-top: black 1px solid ; border-right: black 1px solid ; border-left: black 1px solid ; border-bottom: black 1px solid }
#navegacion {background-color: gray ;width: 800px ; border-top: black 1px solid ; border-right: black 1px solid ; border-left: black 1px solid ; border-bottom: black 1px solid }
#contenido {background-color: orange ;width: 800px ; border-top: black 1px solid ; border-right: black 1px solid ; border-left: black 1px solid ; border-bottom: black 1px solid }
#pie {background-color: brown ; width: 800px ; border-top: black 1px solid ; border-right: black 1px solid ; border-left: black 1px solid ; border-bottom: black 1px solid }
#global {width:800px ; margin: 4px auto }
#menu {background-color: yellow; width: 120px ; height: 90px ; float:left ; text-align: left ; margin: 10px 10px 10px 10px ; border-top: black 1px solid ; border-right: black 1px solid ; border-left: black 1px solid ; border-bottom: black 1px solid}
#menu li { list-style:none ; margin: 3px 5px 3px 5px }
a {color: blue; text-decoration: none ; display:block }
a:link {}
a:visited {}
a:hover {color:purple ; text-decoration: none ; background-color: silver}
a:active {color:red}
p {text-align: justify}
#contenido p {padding: 5px 10px 5px 10px}
h1 {font-size: 2.0em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
#logotipo { background-color: salmon ; width: 272px ; float:left }
#publicidad {background-color: salmon ; width:518px ; float:right }
si esta ves no sale bien voy a empezar de 0 para entender todo mejor :lol:
oigan olviden mi anterior pregunta ya lo resolvi por mi cuenta :D
Hola a todos, primero felicitar todo el equipo de la web y el foro por el gran trabajo y aporte que dan. Dicho esto comentar que estoy haciendo el curso paso a paso (estoy empezando), y tengo mis primeros problemas... os comento desde la hoja de estilo creo perfectamente el color de fondo de index.html pero cuando intento añadir una imagen de fondo no me sale. os voy a pegar el htm y el .css.
html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>pagina principal de web ejemplo</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
Bienvenidos a mi pagina web. Muy pronto estará lista!</p>
Estoy aprendiendo a hacer paginas web, así que paciencia</p>
Esta pagina esta siendo creada gracias a CCTW</p>
</body>
</html>
y el .CSS:
body {background-color: #E6E6FA ; background-image: url(objetos/fondo.png) }
como veis es mi comienzo y muchos os reireis. pero el tema es que la imagen no me sale. la ruta deberia estar bien, ya que tengo una carpeta donde estan el index.html, el estilos.css y una carpeta llamada "objetos" donde esta guardada una imagen llamada fondo con formato .png. haber que me sale mal.... gracias
html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>pagina principal de web ejemplo</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
Bienvenidos a mi pagina web. Muy pronto estará lista!</p>
Estoy aprendiendo a hacer paginas web, así que paciencia</p>
Esta pagina esta siendo creada gracias a CCTW</p>
</body>
</html>
y el .CSS:
body {background-color: #E6E6FA ; background-image: url(objetos/fondo.png) }
como veis es mi comienzo y muchos os reireis. pero el tema es que la imagen no me sale. la ruta deberia estar bien, ya que tengo una carpeta donde estan el index.html, el estilos.css y una carpeta llamada "objetos" donde esta guardada una imagen llamada fondo con formato .png. haber que me sale mal.... gracias
Hola!!
Bueno el codigo lo veo bien..
El único problema que se me puede ocurrir que te esta sucediendo, es que cuando hallas guardado la imágen que estás intentando colocar en la web, (la imágen que guardaste en la carpeta objetos desde CCTW ; fondo.png), tal vez al guardarlo en tu carpeta objetos llamaste al archivo fondo.png lo que sería un error.
Te explico:
El fondo que sacaste de cctw, ya posee la extensión "png" por lo que si tu guardaste el archivo en tu carpeta objetos con el nombre : fondo.png ; en realidad este quedaría como : fondo.png.png lo queo sería un error ; debido a que en la hoja de estilos, esta definido que la imágen que coloques se llame fondo.png.
Si este es tu problema o tienes dudas, sigue los siguientes pasos.
:arrow: Ve a la parte de la leccion del curso paso a paso donde debes guardar el fondo en tu carpeta objetos.
:arrow: Luego, guarda la imágen en tu carpeta objetos, con el nombre fondo ; NO con el nombre fondo.png
Ahi debería funcionar
Pruebalo y nos cuentas?
Saludos :wink:
Bueno el codigo lo veo bien..
El único problema que se me puede ocurrir que te esta sucediendo, es que cuando hallas guardado la imágen que estás intentando colocar en la web, (la imágen que guardaste en la carpeta objetos desde CCTW ; fondo.png), tal vez al guardarlo en tu carpeta objetos llamaste al archivo fondo.png lo que sería un error.
Te explico:
El fondo que sacaste de cctw, ya posee la extensión "png" por lo que si tu guardaste el archivo en tu carpeta objetos con el nombre : fondo.png ; en realidad este quedaría como : fondo.png.png lo queo sería un error ; debido a que en la hoja de estilos, esta definido que la imágen que coloques se llame fondo.png.
Si este es tu problema o tienes dudas, sigue los siguientes pasos.
:arrow: Ve a la parte de la leccion del curso paso a paso donde debes guardar el fondo en tu carpeta objetos.
:arrow: Luego, guarda la imágen en tu carpeta objetos, con el nombre fondo ; NO con el nombre fondo.png
Ahi debería funcionar
Pruebalo y nos cuentas?
Saludos :wink:
gracias por tu ayuda. Pero no se puede nose... lo guardo talcual y nada, lo guardo como imagen jpeg y nada y lo guardo como png y tampoco nada... nose que pasa.. he cambiado tambien de rutas poeniendolo todo en el mismo sitio y nada tampoco. como desmoraliza esto.. haber que sera. gracias
Hola
para probar, intentalo con una imagen (cualquiera) que tengas en tu pc.
o bien con la imagen de la sonrisa o la del buzon (cualquiera) recuerda que ha de estar en la carpeta que llamaste objetos (todo con minuscula)
ya nos contarás
saludos
para probar, intentalo con una imagen (cualquiera) que tengas en tu pc.
o bien con la imagen de la sonrisa o la del buzon (cualquiera) recuerda que ha de estar en la carpeta que llamaste objetos (todo con minuscula)
ya nos contarás
saludos
ya esta solucionado gracias.. el problema veni porque al final de la frase en el documento .css tenia un espacio entre el paréntesi y el cierre de la llave, y quitando ese espacio ya funciona perfecto... gracias de todos modos y a seguir!
hola me llamo andres y soy nuevo en estoy de crear webs, bue eh seguido toda la leccion 1 a la perfeccion y lo entendio todo, pero tengo un problema cuando quiero agregar una imagen de fondo,hice todo como esta explicado puse la imagen en la carpeta objetos despues fui a estilos y bue le di la ruta y bue no me aparece la imagen ja bue nose q pasara,asi q bue si me pueden ayudar se lo agradezco
bue desde ya gracias
chaus
bue desde ya gracias
chaus
Hola
para ayudarte necesitamos ver tus codigos
tanto de la hoja html, como de la hoja de estilos
pd. para mayor comodidad, abre un nuevo tema
saludos
para ayudarte necesitamos ver tus codigos
tanto de la hoja html, como de la hoja de estilos
pd. para mayor comodidad, abre un nuevo tema
saludos
hola a todos, y hola andresxn, mira, el problema que yo tenia era que tenia los objetos y los estilos.css en distinta carpeta,recuerda: todo en la misma carpeta. no se si es eso lo que pasa pero bueno estoy tratando de ayudar.
ayudaria mucho si le muestras a yaneth tus codigos :?
postie para saludar y agradeser, no quiero hacer a nadie perder el tiempo,
mi pagina crece y crese y estoy haciendo mis propios experimentos, aca les dejo la ultima actualizacion de mi pagina.
hechenle un vistazo http://maxigrox.atwebpages.com
ayudaria mucho si le muestras a yaneth tus codigos :?
postie para saludar y agradeser, no quiero hacer a nadie perder el tiempo,
mi pagina crece y crese y estoy haciendo mis propios experimentos, aca les dejo la ultima actualizacion de mi pagina.
hechenle un vistazo http://maxigrox.atwebpages.com
muchas felcididades por tus logros
sluodos
sluodos
me ralla el pajarito
REVISA TU MSM Y AYI ESTA LA SOLUCION SOLO PARA QUE LA COPIES...