Problemas con la figura, el fondo y los pies no salen bien

Jenny Estupinan · 15 Jun 2008, 01:36 · Solicitar retirada

Hola, llevo 3 meses construyendo mi página y le pongo empeño para que salga bien.
Tengo varios problemas con los códigos html. voy colocar la dirección de mi URL por si hay alguna persona amable que la vea y me ayude con mis preguntas.
1.- porque la imagen que coloco arriba no sale
2.- quiero que la imagen salga al lado izquierdo de la página, no centrada como la tengo.
3.-quiero quitarle el color rojo que sale cuando paso el ratón por los enlaces de la izquierda.
4.-le he puesto un fonde celeste a mi pagina y no lo reconoce
5.- Porque, los pies me salen mal colocados, pieuno(estan centrados)
piedos(mal ubicado) y pitres más abajo y hacia la derecha.

de antemano les doy las gracias por vuestra inmensa ayuda.

pagina. http:/geologiayalgomas.getenjoyment.net

index.html lo tengo de este modo

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet"href="estilos-general.css" type="text/css"media="all">
<link rel="stylesheet"href="estilo-menu-desplegable.css" type="text/css"media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body onload="init();">
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]</img>
<alt="Haz clic aquí para volver a la página de inicio"></alt>
</a></div>
<div id="plubicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>

Ecuador

España

México

Varios

</div>
<div id="contenido">
<div id="menu">
<h1>Artículos publicados</h1>
<ul>

Diagénesis y

Rasgos geol.

Estratigrafía

Carb Cement

Historia Térmica

Reservoir

I.B.F.Geológicas

Geoquímica

G.con las ciencias

</div>
<h1>GEOLOGIA "La base para entender la historia de nuestro universo"</h1>
</p>

INTRODUCCIÓN</P>

La Geología es la ciencia que nos enseña a entender la evolución del universo y de la vida, todo lo que
nos rodea en este gran sistema y que día a día convivimos y en muchas ocaciones sin prestar atención, forma parte de nuestros
inicios. La formación de nuestro sistema solar hasta la aparición de nuestros primeros ancestros todo ello se
engloba en una ciencia que es la Geología.
En ésta página, encontrarán conceptos básicas de geología y sobre todo la experiencia de diferentes
trabajos realizados por la autora. Espero que disfruten de la lectura y del maravilloso mundo de la Geología.
</h2>

Si prestamos atención al tiempo nos damos cuenta que es relativo, es tan corto para los humanos y tan
largo y extenso en el inicio del sistema de la vida. Tan vasto es el lapso registrado en la historia de la tierra
que generalmente, se la distingue de las más modestas clases de tiempo asignándole el nombre de "Tiempo Geológico"
(Leet y Judson,1977).</p>
<h2>Minerales en las rocas</h2>

en pocas lecciones</p>
</div>
<div id="pie">

Foro EjemploContactosNos Enlazan

<div id="piedos">pie dos</div>
<div id="pietres">
<ul>

DirectorioTopSiteMapa de la Web

</div>
<div id="curva-inferior"></div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>

la página de estilos-general.css es:

<link rel="stylesheet" href="estilos-general.css" type="text/css" media="all">
* {text-indent:0px;margin:0px;padding:0px;border:0px}
p{text-align:justify}
h1{font-size:1.2em;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}
body {text-align:center}
body {background-color:#E6E6FA}
#global {width:800px;margin:4px auto}
#curva-superior{background-image:url(objetos/curva-superior.gif);background-repeat:no-repeat;width:800px;height:12px;overflow:hidden}
#cabecera {background-color:white;border-left:black 1px solid;border-right:black 1px solid;height:85px}
#East-Cliff{background-color:red;width:300px;float:left}
#publicidad{background-color:blue;width:518px;float:left;margin-top:30px;font-size:14px}
#navegacion {background-color:gray;border:black 1px solid;height:20px}
#navegacion li{float:left;list-style:none; margin:0px 20px 0px 20px}
#navegacion ul {margin-left: 180px}
#contenido {background-color:orange;border-left:black 1px solid;border-right:black
1px solid;border-right:black 1px solid}
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu{background-color:yellow;with: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;background-image:url(objetos/menu-parte-superior.gif)}
#pie {background-color:white;border-left:black 1px solid;border-right:black 1px solid;
border-top:black 1px solid;height:65px}
#curva-inferior{background-image:url(objetos/curva-inferior.gif);background-repeat:no-repeat;width:800px;height:12px;overflow:hidden}
a {color:brown;text-decoration:none;display:block}
a:link {}
a:hover{color:red;text-decoration:underline;background-color:brown}
#pie {border-left:black 1px solid;
border-rigth:black 1px solid;
border-top:black 1px solid;height:65px}
#pie li {list-style:none;font-size:14px}
#pieuno {float:left;width:150px}
#pie li {list-style:none;font-size:14px}
#piedos {float:left;width:498px;background-color:silver}
#pie li {list-style:none;font-size:12px}
#pietres{float:left;width:150px}
#pie li {list-style:none;font-size:12px}
a.enlaceuno {}
a.enlaceuno:link {}
a.enlaceuno:visited{}
a.enlaceuno.hover{}
a.enlaceuno.active{}
#pie a {color:blue;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}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color:white}
#logotipo a:active {}

Espero que me puedan ayudar y

Jenny

Deathly Snake · 15 Jun 2008, 02:20 · Solicitar retirada

1)

Asegurate que la imagen que intentas colocar se llame East-Cliff.jpg ; Cuidado! ya que una mayuscula puede hacer que no se reconozca la imagen :wink:

2)

Nombrast mal el DIV, en la hoja de estilos tienes esto:

#East-Cliff{background-color:red;width:300px;float:left}

Pero en realidad, la capa que intentas modificar se llama logotipo ; mira:

<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]</img>
<alt="Haz clic aquí para volver a la página de inicio"></alt>
</a></div>

Osea que ; en la hoja de estilos:

#logotipo {background-color:red;width:300px;float:left}

3)

En esta linea que tienes, borra lo rojo:

a:hover{color:red;text-decoration:underline;background-color:brown}

4)

En estas lineas que tienes:

body {text-align:center} body {background-color:#E6E6FA ; text-align:center}

Borrar lo rojo, agregar lo verde :wink:

5)Lo del pie despues lo resuelvo jeje en un rato vuelvo (mientras prueba lo otro)

Saludos :wink:

Raulyure · 15 Jun 2008, 03:00 · Solicitar retirada

Jenny Estupinan escribió:Hola, llevo 3 meses construyendo mi página y le pongo empeño para que salga bien.
Tengo varios problemas con los códigos html. voy colocar la dirección de mi URL por si hay alguna persona amable que la vea y me ayude con mis preguntas.
1.- porque la imagen que coloco arriba no sale
2.- quiero que la imagen salga al lado izquierdo de la página, no centrada como la tengo.
3.-quiero quitarle el color rojo que sale cuando paso el ratón por los enlaces de la izquierda.
4.-le he puesto un fonde celeste a mi pagina y no lo reconoce
5.- Porque, los pies me salen mal colocados, pieuno(estan centrados)
piedos(mal ubicado) y pitres más abajo y hacia la derecha.

de antemano les doy las gracias por vuestra inmensa ayuda.

pagina. http:/geologiayalgomas.getenjoyment.net

index.html lo tengo de este modo

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet"href="estilos-general.css" type="text/css"media="all">
<link rel="stylesheet"href="estilo-menu-desplegable.css" type="text/css"media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body onload="init();">
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]</img>
<alt="Haz clic aquí para volver a la página de inicio"></alt>
</a></div>
<div id="plubicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
Ecuador
España
México
Varios

</div>
<div id="contenido">
<div id="menu">
<h1>Artículos publicados</h1>
<ul>
Diagénesis y
Rasgos geol.
Estratigrafía
Carb Cement
Historia Térmica
Reservoir
I.B.F.Geológicas
Geoquímica
G.con las ciencias

</div>
<h1>GEOLOGIA "La base para entender la historia de nuestro universo"</h1>
</p>

INTRODUCCIÓN</P>

La Geología es la ciencia que nos enseña a entender la evolución del universo y de la vida, todo lo que
nos rodea en este gran sistema y que día a día convivimos y en muchas ocaciones sin prestar atención, forma parte de nuestros
inicios. La formación de nuestro sistema solar hasta la aparición de nuestros primeros ancestros todo ello se
engloba en una ciencia que es la Geología.
En ésta página, encontrarán conceptos básicas de geología y sobre todo la experiencia de diferentes
trabajos realizados por la autora. Espero que disfruten de la lectura y del maravilloso mundo de la Geología.
</h2>

Si prestamos atención al tiempo nos damos cuenta que es relativo, es tan corto para los humanos y tan
largo y extenso en el inicio del sistema de la vida. Tan vasto es el lapso registrado en la historia de la tierra
que generalmente, se la distingue de las más modestas clases de tiempo asignándole el nombre de "Tiempo Geológico"
(Leet y Judson,1977).</p>
<h2>Minerales en las rocas</h2>

en pocas lecciones</p>
</div>
<div id="pie">
Foro EjemploContactosNos Enlazan

<div id="piedos">pie dos</div>
<div id="pietres">
<ul>
DirectorioTopSiteMapa de la Web

</div>
<div id="curva-inferior"></div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>

la página de estilos-general.css es:

<link rel="stylesheet" href="estilos-general.css" type="text/css" media="all">
* {text-indent:0px;margin:0px;padding:0px;border:0px}
p{text-align:justify}
h1{font-size:1.2em;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}
body {text-align:center}
body {background-color:#E6E6FA}
#global {width:800px;margin:4px auto}
#curva-superior{background-image:url(objetos/curva-superior.gif);background-repeat:no-repeat;width:800px;height:12px;overflow:hidden}
#cabecera {background-color:white;border-left:black 1px solid;border-right:black 1px solid;height:85px}
#East-Cliff{background-color:red;width:300px;float:left}
#publicidad{background-color:blue;width:518px;float:left;margin-top:30px;font-size:14px}
#navegacion {background-color:gray;border:black 1px solid;height:20px}
#navegacion li{float:left;list-style:none; margin:0px 20px 0px 20px}
#navegacion ul {margin-left: 180px}
#contenido {background-color:orange;border-left:black 1px solid;border-right:black
1px solid;border-right:black 1px solid}
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu{background-color:yellow;with: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;background-image:url(objetos/menu-parte-superior.gif)}
#pie {background-color:white;border-left:black 1px solid;border-right:black 1px solid;
border-top:black 1px solid;height:65px}
#curva-inferior{background-image:url(objetos/curva-inferior.gif);background-repeat:no-repeat;width:800px;height:12px;overflow:hidden}
a {color:brown;text-decoration:none;display:block}
a:link {}
a:hover{color:red;text-decoration:underline;background-color:brown}
#pie {border-left:black 1px solid;
border-rigth:black 1px solid;
border-top:black 1px solid;height:65px}
#pie li {list-style:none;font-size:14px}
#pieuno {float:left;width:150px}
#pie li {list-style:none;font-size:14px}
#piedos {float:left;width:498px;background-color:silver}
#pie li {list-style:none;font-size:12px}
#pietres{float:left;width:150px}
#pie li {list-style:none;font-size:12px}
a.enlaceuno {}
a.enlaceuno:link {}
a.enlaceuno:visited{}
a.enlaceuno.hover{}
a.enlaceuno.active{}
#pie a {color:blue;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}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color:white}
#logotipo a:active {}

Espero que me puedan ayudar y

Jenny

Hola:
Para ayudar un poquito creo que usted cuando pone la imagen allí en la capa logotipo de su página, después de poner width="320"height="120px">
Usted le agrega un </img>
creo que está de mas ese cierre, por lo que yo se hay algunas etiquetas que no necesitan cierre y las de las imagenes es una de ellas.
Saludos

Raulyure · 15 Jun 2008, 03:01 · Solicitar retirada

Raulyure escribió:
Jenny Estupinan escribió:Hola, llevo 3 meses construyendo mi página y le pongo empeño para que salga bien.
Tengo varios problemas con los códigos html. voy colocar la dirección de mi URL por si hay alguna persona amable que la vea y me ayude con mis preguntas.
1.- porque la imagen que coloco arriba no sale
2.- quiero que la imagen salga al lado izquierdo de la página, no centrada como la tengo.
3.-quiero quitarle el color rojo que sale cuando paso el ratón por los enlaces de la izquierda.
4.-le he puesto un fonde celeste a mi pagina y no lo reconoce
5.- Porque, los pies me salen mal colocados, pieuno(estan centrados)
piedos(mal ubicado) y pitres más abajo y hacia la derecha.

de antemano les doy las gracias por vuestra inmensa ayuda.

pagina. http:/geologiayalgomas.getenjoyment.net

index.html lo tengo de este modo

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet"href="estilos-general.css" type="text/css"media="all">
<link rel="stylesheet"href="estilo-menu-desplegable.css" type="text/css"media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body onload="init();">
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]</img>
<alt="Haz clic aquí para volver a la página de inicio"></alt>
</a></div>
<div id="plubicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
Ecuador
España
México
Varios

</div>
<div id="contenido">
<div id="menu">
<h1>Artículos publicados</h1>
<ul>
Diagénesis y
Rasgos geol.
Estratigrafía
Carb Cement
Historia Térmica
Reservoir
I.B.F.Geológicas
Geoquímica
G.con las ciencias

</div>
<h1>GEOLOGIA "La base para entender la historia de nuestro universo"</h1>
</p>

INTRODUCCIÓN</P>

La Geología es la ciencia que nos enseña a entender la evolución del universo y de la vida, todo lo que
nos rodea en este gran sistema y que día a día convivimos y en muchas ocaciones sin prestar atención, forma parte de nuestros
inicios. La formación de nuestro sistema solar hasta la aparición de nuestros primeros ancestros todo ello se
engloba en una ciencia que es la Geología.
En ésta página, encontrarán conceptos básicas de geología y sobre todo la experiencia de diferentes
trabajos realizados por la autora. Espero que disfruten de la lectura y del maravilloso mundo de la Geología.
</h2>

Si prestamos atención al tiempo nos damos cuenta que es relativo, es tan corto para los humanos y tan
largo y extenso en el inicio del sistema de la vida. Tan vasto es el lapso registrado en la historia de la tierra
que generalmente, se la distingue de las más modestas clases de tiempo asignándole el nombre de "Tiempo Geológico"
(Leet y Judson,1977).</p>
<h2>Minerales en las rocas</h2>

en pocas lecciones</p>
</div>
<div id="pie">
Foro EjemploContactosNos Enlazan

<div id="piedos">pie dos</div>
<div id="pietres">
<ul>
DirectorioTopSiteMapa de la Web

</div>
<div id="curva-inferior"></div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>

la página de estilos-general.css es:

<link rel="stylesheet" href="estilos-general.css" type="text/css" media="all">
* {text-indent:0px;margin:0px;padding:0px;border:0px}
p{text-align:justify}
h1{font-size:1.2em;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}
body {text-align:center}
body {background-color:#E6E6FA}
#global {width:800px;margin:4px auto}
#curva-superior{background-image:url(objetos/curva-superior.gif);background-repeat:no-repeat;width:800px;height:12px;overflow:hidden}
#cabecera {background-color:white;border-left:black 1px solid;border-right:black 1px solid;height:85px}
#East-Cliff{background-color:red;width:300px;float:left}
#publicidad{background-color:blue;width:518px;float:left;margin-top:30px;font-size:14px}
#navegacion {background-color:gray;border:black 1px solid;height:20px}
#navegacion li{float:left;list-style:none; margin:0px 20px 0px 20px}
#navegacion ul {margin-left: 180px}
#contenido {background-color:orange;border-left:black 1px solid;border-right:black
1px solid;border-right:black 1px solid}
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu{background-color:yellow;with: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;background-image:url(objetos/menu-parte-superior.gif)}
#pie {background-color:white;border-left:black 1px solid;border-right:black 1px solid;
border-top:black 1px solid;height:65px}
#curva-inferior{background-image:url(objetos/curva-inferior.gif);background-repeat:no-repeat;width:800px;height:12px;overflow:hidden}
a {color:brown;text-decoration:none;display:block}
a:link {}
a:hover{color:red;text-decoration:underline;background-color:brown}
#pie {border-left:black 1px solid;
border-rigth:black 1px solid;
border-top:black 1px solid;height:65px}
#pie li {list-style:none;font-size:14px}
#pieuno {float:left;width:150px}
#pie li {list-style:none;font-size:14px}
#piedos {float:left;width:498px;background-color:silver}
#pie li {list-style:none;font-size:12px}
#pietres{float:left;width:150px}
#pie li {list-style:none;font-size:12px}
a.enlaceuno {}
a.enlaceuno:link {}
a.enlaceuno:visited{}
a.enlaceuno.hover{}
a.enlaceuno.active{}
#pie a {color:blue;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}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color:white}
#logotipo a:active {}

Espero que me puedan ayudar y

Jenny
Hola:
Para ayudar un poquito a Deathly creo que usted cuando pone la imagen allí en la capa logotipo de su página, después de poner width="320"height="120px">
Usted le agrega un </img>
creo que está de mas ese cierre, por lo que yo se hay algunas etiquetas que no necesitan cierre y las de las imagenes es una de ellas.
Saludos

Deathly Snake · 15 Jun 2008, 04:49 · Solicitar retirada

Si es cierto :wink:

Raulyure · 15 Jun 2008, 05:04 · Solicitar retirada

Hola:
En el otro spot que puso, el que se llama "En la web no se ven los archivos adjuntos al index" le dejé un pequeño arreglo para la capa pie, ya seguiremos arreglando.
Saludos

Jenny Estupinan · 15 Jun 2008, 15:49 · Solicitar retirada

Gracias, Deathly Snake/Raulyure

Gracias a vuestros comentarios he logrado arreglar, parte de las preguntas que les hice. He hecho lo que me recomendaron sobre el logotipo y por nada se arregla.
he quitado el cierre </img>, le cambie de nombre todo minuscula y nada,
seguiré viendo que es lo que le pasa.
los pies, de la página aun no los puedo arreglar

Un millón de gracias, ha mejorado mi página.Espero vuestros comentarios sobre los pies de página.

Jenny

Raulyure · 15 Jun 2008, 18:51 · Solicitar retirada

Jenny Estupinan escribió:Gracias, Deathly Snake/Raulyure

Gracias a vuestros comentarios he logrado arreglar, parte de las preguntas que les hice. He hecho lo que me recomendaron sobre el logotipo y por nada se arregla.
he quitado el cierre </img>, le cambie de nombre todo minuscula y nada,
seguiré viendo que es lo que le pasa.
los pies, de la página aun no los puedo arreglar

Un millón de gracias, ha mejorado mi página.Espero vuestros comentarios sobre los pies de página.

Jenny

Sería bueno que nos pusiera nuevamente los códigos (de la hoja de estilo y de la página html) de como la tiene ahora para seguir viendo los problemas ya que lo anterior solo era el principio.
Saludos

Jenny Estupinan · 15 Jun 2008, 22:08 · Solicitar retirada

Hola ahi pongo como ha quedado ahora el index.html y estilos-general.css

gracias una vez mas.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet"href="estilos-general.css" type="text/css"media="all">
<link rel="stylesheet"href="estilo-menu-desplegable.css" type="text/css"media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body onload="init();">
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]
<alt="Haz clic aquí para volver a la página de inicio"></alt>
</a></div>
<div id="plubicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>

Ecuador

España

México

Varios

</div>
<div id="contenido">
<div id="menu">
<h1>Artículos publicados</h1>
<ul>

Diagénesis y

Rasgos geol.

Estratigrafía

Carb Cement

Historia Térmica

Reservoir

I.B.F.Geológicas

Geoquímica

Foro EjemploContactosNos Enlazan

<div id="piedos">pie dos</div>
<div id="pietres">
<ul>

DirectorioTopSiteMapa de la Web

</div>
<div id="curva-inferior"></div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>

La página de estilo es:

<link rel="stylesheet" href="estilos-general.css" type="text/css" media="all">
* {text-indent:0px;margin:0px;padding:0px;border:0px}
p{text-align:justify}
h1{font-size:1.2em;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}
body {background-color:#E6E6FA;text-align:center}
#global {width:800px;margin:4px auto}
#curva-superior{background-image:url(objetos/curva-superior.gif);background-repeat:no-repeat;width:800px;height:12px;overflow:hidden}
#cabecera {background-color:white;border-left:black 1px solid;border-right:black 1px solid;height:85px}
#logotipo{background-color:brown;width:300px;float:left}
#publicidad{background-color:blue;width:518px;float:left;margin-top:30px;font-size:14px}
#navegacion {background-color:gray;border:black 1px solid;height:20px}
#navegacion li{float:left;list-style:none; margin:0px 20px 0px 20px}
#navegacion ul {margin-left: 180px}
#contenido {background-color:orange;border-left:black 1px solid;border-right:black
1px solid;border-right:black 1px solid}
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu{background-color:yellow;with: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;background-image:url(objetos/menu-parte-superior.gif)}
#pie {background-color:white;border-left:black 1px solid;border-right:black 1px solid;
border-top:black 1px solid;height:65px}
#curva-inferior{background-image:url(objetos/curva-inferior.gif);background-repeat:no-repeat;width:800px;height:12px;overflow:hidden}
a {color:brown;text-decoration:none;display:block}
a:link {}
a:hover{color:red;text-decoration:underline;background-color:grey}
#pie {border-left:black 1px solid;
border-rigth:black 1px solid;
border-top:black 1px solid;height:65px}
#pie li {list-style:none;font-size:14px}
#pieuno {float:left;width:150px}
#pie li {list-style:none;font-size:14px}
#piedos {float:left;width:498px;background-color:silver}
#pie li {list-style:none;font-size:12px}
#pietres{float:left;width:150px}
#pie li {list-style:none;font-size:12px}
a.enlaceuno {}
a.enlaceuno:link {}
a.enlaceuno:visited{}
a.enlaceuno.hover{}
a.enlaceuno.active{}
#pie a {color:blue;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}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color:white}
#logotipo a:active {}

Jenny

Jenny Estupinan · 16 Jun 2008, 00:37 · Solicitar retirada

Jenny Estupinan escribió:Hola ahi pongo como ha quedado ahora el index.html y estilos-general.css

He logrado que me saliera el logotipo, tenian razón había que quitarle el cierre </img>, también tenia un problema con la imagen parece que tenia demasiados bittes (kb) y el servidor no la podía subir.

Gracias Raul y Jorge. Espero vuestro comentarios para arreglar los pie

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet"href="estilos-general.css" type="text/css"media="all">
<link rel="stylesheet"href="estilo-menu-desplegable.css" type="text/css"media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body onload="init();">
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]
<alt="Haz clic aquí para volver a la página de inicio"></alt>
</a></div>
<div id="plubicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
Ecuador
España
México
Varios

</div>
<div id="contenido">
<div id="menu">
<h1>Artículos publicados</h1>
<ul>
Diagénesis y
Rasgos geol.
Estratigrafía
Carb Cement
Historia Térmica
Reservoir
I.B.F.Geológicas
Geoquímica
G.con las ciencias

</div>
<h1>GEOLOGIA "La base para entender la historia de nuestro universo"</h1>
</p>

INTRODUCCIÓN</P>

La Geología es la ciencia que nos enseña a entender la evolución del universo y de la vida, todo lo que
nos rodea en este gran sistema y que día a día convivimos y en muchas ocaciones sin prestar atención, forma parte de nuestros
inicios. La formación de nuestro sistema solar hasta la aparición de nuestros primeros ancestros todo ello se
engloba en una ciencia que es la Geología.
En ésta página, encontrarán conceptos básicas de geología y sobre todo la experiencia de diferentes
trabajos realizados por la autora. Espero que disfruten de la lectura y del maravilloso mundo de la Geología.
</h2>

Si prestamos atención al tiempo nos damos cuenta que es relativo, es tan corto para los humanos y tan
largo y extenso en el inicio del sistema de la vida. Tan vasto es el lapso registrado en la historia de la tierra
que generalmente, se la distingue de las más modestas clases de tiempo asignándole el nombre de "Tiempo Geológico"
(Leet y Judson,1977).</p>
<h2>Minerales en las rocas</h2>

en pocas lecciones</p>
</div>
<div id="pie">
Foro EjemploContactosNos Enlazan

<div id="piedos">pie dos</div>
<div id="pietres">
<ul>
DirectorioTopSiteMapa de la Web

</div>
<div id="curva-inferior"></div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>

La página de estilo es:

<link rel="stylesheet" href="estilos-general.css" type="text/css" media="all">
* {text-indent:0px;margin:0px;padding:0px;border:0px}
p{text-align:justify}
h1{font-size:1.2em;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}
body {background-color:#E6E6FA;text-align:center}
#global {width:800px;margin:4px auto}
#curva-superior{background-image:url(objetos/curva-superior.gif);background-repeat:no-repeat;width:800px;height:12px;overflow:hidden}
#cabecera {background-color:white;border-left:black 1px solid;border-right:black 1px solid;height:85px}
#logotipo{background-color:brown;width:300px;float:left}
#publicidad{background-color:blue;width:518px;float:left;margin-top:30px;font-size:14px}
#navegacion {background-color:gray;border:black 1px solid;height:20px}
#navegacion li{float:left;list-style:none; margin:0px 20px 0px 20px}
#navegacion ul {margin-left: 180px}
#contenido {background-color:orange;border-left:black 1px solid;border-right:black
1px solid;border-right:black 1px solid}
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu{background-color:yellow;with: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;background-image:url(objetos/menu-parte-superior.gif)}
#pie {background-color:white;border-left:black 1px solid;border-right:black 1px solid;
border-top:black 1px solid;height:65px}
#curva-inferior{background-image:url(objetos/curva-inferior.gif);background-repeat:no-repeat;width:800px;height:12px;overflow:hidden}
a {color:brown;text-decoration:none;display:block}
a:link {}
a:hover{color:red;text-decoration:underline;background-color:grey}
#pie {border-left:black 1px solid;
border-rigth:black 1px solid;
border-top:black 1px solid;height:65px}
#pie li {list-style:none;font-size:14px}
#pieuno {float:left;width:150px}
#pie li {list-style:none;font-size:14px}
#piedos {float:left;width:498px;background-color:silver}
#pie li {list-style:none;font-size:12px}
#pietres{float:left;width:150px}
#pie li {list-style:none;font-size:12px}
a.enlaceuno {}
a.enlaceuno:link {}
a.enlaceuno:visited{}
a.enlaceuno.hover{}
a.enlaceuno.active{}
#pie a {color:blue;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}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color:white}
#logotipo a:active {}

Jenny

Raulyure · 16 Jun 2008, 16:18 · Solicitar retirada

Jenny Estupinan escribió:Hola ahi pongo como ha quedado ahora el index.html y estilos-general.css

gracias una vez mas.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet"href="estilos-general.css" type="text/css"media="all">
<link rel="stylesheet"href="estilo-menu-desplegable.css" type="text/css"media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body onload="init();">
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]
<alt="Haz clic aquí para volver a la página de inicio"></alt>
</a></div>
<div id="plubicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
Ecuador
España
México
Varios

</div>
<div id="contenido">
<div id="menu">
<h1>Artículos publicados</h1>
<ul>
Diagénesis y
Rasgos geol.
Estratigrafía
Carb Cement
Historia Térmica
Reservoir
I.B.F.Geológicas
Geoquímica
G.con las ciencias

</div>
<h1>GEOLOGIA "La base para entender la historia de nuestro universo"</h1>
</p>

INTRODUCCIÓN</P>

La Geología es la ciencia que nos enseña a entender la evolución del universo y de la vida, todo lo que
nos rodea en este gran sistema y que día a día convivimos y en muchas ocaciones sin prestar atención, forma parte de nuestros
inicios. La formación de nuestro sistema solar hasta la aparición de nuestros primeros ancestros todo ello se
engloba en una ciencia que es la Geología.
En ésta página, encontrarán conceptos básicas de geología y sobre todo la experiencia de diferentes
trabajos realizados por la autora. Espero que disfruten de la lectura y del maravilloso mundo de la Geología.
</h2>

Si prestamos atención al tiempo nos damos cuenta que es relativo, es tan corto para los humanos y tan
largo y extenso en el inicio del sistema de la vida. Tan vasto es el lapso registrado en la historia de la tierra
que generalmente, se la distingue de las más modestas clases de tiempo asignándole el nombre de "Tiempo Geológico"
(Leet y Judson,1977).</p>
<h2>Minerales en las rocas</h2>

en pocas lecciones</p>
</div>
<div id="pie">
Foro EjemploContactosNos Enlazan

<div id="piedos">pie dos</div>
<div id="pietres">
<ul>
DirectorioTopSiteMapa de la Web

</div>
<div id="curva-inferior"></div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>

La página de estilo es:

<link rel="stylesheet" href="estilos-general.css" type="text/css" media="all">
* {text-indent:0px;margin:0px;padding:0px;border:0px}
p{text-align:justify}
h1{font-size:1.2em;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}
body {background-color:#E6E6FA;text-align:center}
#global {width:800px;margin:4px auto}
#curva-superior{background-image:url(objetos/curva-superior.gif);background-repeat:no-repeat;width:800px;height:12px;overflow:hidden}
#cabecera {background-color:white;border-left:black 1px solid;border-right:black 1px solid;height:85px}
#logotipo{background-color:brown;width:300px;float:left}
#publicidad{background-color:blue;width:518px;float:left;margin-top:30px;font-size:14px}
#navegacion {background-color:gray;border:black 1px solid;height:20px}
#navegacion li{float:left;list-style:none; margin:0px 20px 0px 20px}
#navegacion ul {margin-left: 180px}
#contenido {background-color:orange;border-left:black 1px solid;border-right:black
1px solid;border-right:black 1px solid}
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu{background-color:yellow;with: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;background-image:url(objetos/menu-parte-superior.gif)}
#pie {background-color:white;border-left:black 1px solid;border-right:black 1px solid;
border-top:black 1px solid;height:65px}
#curva-inferior{background-image:url(objetos/curva-inferior.gif);background-repeat:no-repeat;width:800px;height:12px;overflow:hidden}
a {color:brown;text-decoration:none;display:block}
a:link {}
a:hover{color:red;text-decoration:underline;background-color:grey}
#pie {border-left:black 1px solid;
border-rigth:black 1px solid;
border-top:black 1px solid;height:65px}
#pie li {list-style:none;font-size:14px}
#pieuno {float:left;width:150px}
#pie li {list-style:none;font-size:14px}
#piedos {float:left;width:498px;background-color:silver}
#pie li {list-style:none;font-size:12px}
#pietres{float:left;width:150px}
#pie li {list-style:none;font-size:12px}
a.enlaceuno {}
a.enlaceuno:link {}
a.enlaceuno:visited{}
a.enlaceuno.hover{}
a.enlaceuno.active{}
#pie a {color:blue;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}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color:white}
#logotipo a:active {}

Jenny

Hola:
Bueno de a poco parece ser que se va arreglando, seguro que aún queda, pero haremos ahora otros pequeños detalles. En la hoja de estilo, usted tiene puesto en la capa logotipo una anchura de 300 píxeles, y en la capa publicidad tiene puesta una anchura de 518 píxeles, esas dos anchuras suman 818 píxeles, pero su capa cabecera en la cual están metidas esas dos capas (logotipo y publicidad) tiene una anchura de 800 píxeles, le sugiero que a la capa publicidad usted le reduzca la anchura a mas o menos 490 píxeles para que deje un margen de juego. En esa misma hoja de estilo usted en la primera línea tiene puesto un link rel="stylesheet etc. etc., pues le sugiero que lo elimine de allí, por que eso solo va en la página html en que ya lo tiene puesto entre el head y el head. También y ya estando en la página html, usted en la capa o div logotipo, donde pone la imagen, le sobra ese cierre que ha puesto, el que dice </alt>, eso no debe de estar, le sugiero que lo elimine.
Ya se seguirá arreglando después que haga los cambios.
Saludos

Deathly Snake · 16 Jun 2008, 19:55 · Solicitar retirada

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet"href="estilos-general.css" type="text/css"media="all">
<link rel="stylesheet"href="estilo-menu-desplegable.css" type="text/css"media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body onload="init();">
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]
<alt="Haz clic aquí para volver a la página de inicio"></alt>
</a></div>
<div id="plubicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>

Ecuador

España

México

Varios

</div>
<div id="contenido">
<div id="menu">
<h1>Artículos publicados</h1>
<ul>

Diagénesis y

Rasgos geol.

Estratigrafía

Carb Cement

Historia Térmica

Reservoir

I.B.F.Geológicas

Geoquímica

Foro EjemploContactosNos Enlazan

<div id="piedos">pie dos</div>
<div id="pietres">
<ul>

Deathly Snake · 16 Jun 2008, 20:06 · Solicitar retirada

Este es una poción de codigo extraída de tu web :wink:

<div id="pie">
<div id="pieuno">
<ul>

Foro Ejemplo

Contactos

Nos Enlazan

<div id="piedos">pie dos</div>
<div id="pietres">
<ul>

Directorio

TopSite

Mapa de la Web

</div>
</div>
<div id="curva-inferior"></div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>

Tenes que agregar todo lo verde :wink:

Te faltó:

:arrow: Comenzar las listas (

)
:arrow: Comenzar el div llamado "pieuno" (div id="pieuno")
:arrow: Cerrar el div "pieuno" (</div>)
:arrow: Comenzar la primera lista en el div "pieuno" (<ul>)
:arrow: Y te faltó cerrar el div "pie" -el que contiene "pieuno", "piedos", "pietres". (</div>)

Eso, espero que entiendas, cualquier cosa preguntas :wink:

Jenny Estupinan · 17 Jun 2008, 01:27 · Solicitar retirada

Ahora mi página tiene una otro aspecto. Pero los pies todos estan ahora alineados a la izquierda y en una sola columna.

Seguiré intentando ver que pasa con los códigos. Muchas gracias sin vuestra ayuda no hubiera logrado mejorar mi pagina.

Jenny

Raulyure · 17 Jun 2008, 01:49 · Solicitar retirada

Jenny Estupinan escribió:Ahora mi página tiene una otro aspecto. Pero los pies todos estan ahora alineados a la izquierda y en una sola columna.

Seguiré intentando ver que pasa con los códigos. Muchas gracias sin vuestra ayuda no hubiera logrado mejorar mi pagina.

Jenny

Hola:
De seguro que se irá sorprendiendo de que a veces se le descuadre mas de lo que la tenía, pero debe saber que vamos de a poco, le diré como debe dejar la parte de la capa logotipo en su página:
<div id="logotipo">[contenido no disponible]</div>.
La (a) le está indicándo que es un enlace y el (href) le indica la referencia de la ruta que seguirá ese enlace, se lo digo para que vaya poco a poco comprendiendo el porque se usan ciertas etiquetas o directivas, y por favor cuando vaya haciéndo los cambios que le estamos sugiriéndo , vuelva a poner acá los códigos de su página y de su hoja de estilo para nosotros poder ir viendo otros detalles
Saludos

Deathly Snake · 17 Jun 2008, 19:04 · Solicitar retirada

Un consejo, cuando efectues los cambios en los codigos, súbelos a la red, así podremos verlos cambios en tu web, será más fácil :wink: