Hola, primero tengo que dar las gracias, por sus ayudas, segundo tengo un problema con el menu horizontal, en su lugar agregue una imagenes con iguales px, pero no me quedan centradas. y con respecto al pie, no encuentro el error de por que no se marcan los enlases cuando los marcos. a continuacion les envio lo realizado.
Gracias.
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="trabajo.css" type="text/css" media="all">
</head>
<body>
<div id="global"><div id="curva-superior"></div><div id="cabecera"><div id="logotipo">[contenido no disponible]</div><div id="publicidad">[contenido no disponible]</div></div><div id="navegacion">BIENVENIDO A TRABAJE EN CASA.NET - EMPRENDIMIENTOS.COM</div><div id="contenido"><div id="menu"><ul>[contenido no disponible]
<ul> [contenido no disponible]<ul> [contenido no disponible]
<ul> [contenido no disponible]<ul> [contenido no disponible]
<ul> [contenido no disponible]<ul> [contenido no disponible]</div><h1>Bienvenido a Trabajo en Casa.Net, Ud. ha Ingresado a Mi Web, Por Que:</h1>
<h1>Busca Trabajo? Un Negocio? Ingresos Extras?</h1>
Que Pueda Desarrollar Desde Su Casa a Tiempo Parcial o Total?
Sin Horarios Fijos, Sin Jefes, Sin Empleados, Sin Estructuras Físicas y Sin Gastos Fijos!
</p>
Es Joven, Adulto, 3ª Edad, Hombre o Mujer?</p>
Es Estudiante, Ama de Casa, Jubilado, Desocupado, Empleado, Comerciante, Empresario, Profesional?</p>
Es Honesto, Sincero, y Con Muchas Ganas de Trabajar y Cambiar Su Vida y La De Su Familia?
</p>
Quiere Tiempo Para Disfrutar de Su Familia, Amigos o de Su Pasatiempo Favorito?</p>
Y Sobre Todo Quiere Su Libertad Financiera?</p>
<h2>Entonces Estamos Interesado en Usted!!!</h2>
Por Que Sabemos Que Es Una Persona Capaz Que No Esta Siendo Recompensado Como Se Merece;</p>
Que Podría Estar Trabajando En Algo Mas Lucrativo y Flexible Por Su Cuenta.</p>
Conocemos el Temor de Dejar un Trabajo Seguro, y Empezar Algo Nuevo y Riesgoso, Por Que También Lo Hemos Vivido.</p>
<h2>Esta No es una Oferta de Empleo, es Una OPORTUNIDAD DE NEGOCIOS y un Salto a su Verdadero Éxito, que es Mucho Mejor que lo Anterior!.
</h2><h3>Le Ofrecemos:</h3><h4>A)- Ganancias ilimitadas en función a su esfuerzo y al talento que le ayudaremos a desarrollar con nuestro efectivo sistema de couching personalizado.
</h4><h4>B)- Superar con creces cualquier suma de dinero que usted esta ganando actualmente en menos de un año.
</h4><h4>C)- Tiempo para su familia y su vida personal, usted controla sus horarios.</h4><h4>D)- Un cambio notable en su estilo de vida.
</h4>
Nuestro compromiso es trabajar con usted para lograr sus metas y sueños personales, ya que mantenerlo motivado, es parte de nuestro negocio.
</p>
Suena muy bueno para ser verdad, no es así?</p>
Es esa una razón suficiente para NO dejar pasar la oportunidad!</p>
"La Informacion, Es La Base De Todo Buen Negocio"</p>
"Este Puede Ser Un Negocio o No, Para Usted , Como Saberlo?"</p>
"Lo Invitamos a Que Ingrese A:"</p>
</div>
<div id="pie"><div id="pieuno"><ul> Joves/Estudiantes Mamas/Amas de Casa Empleados/Desocupados Comerciante/Empresarios Profecionales</div><div id="piedos">Pie Dos</div><div id="pietres"><ul> Directorio TopSite Mapa de la WEB</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
CSS:
* {text-indent: 0px ; margin:0px ; padding:0px ; border: 0px}
a {color: brown ; text-decoration:none ; display: block }
a: link {}
a: visited {}
a: hover {color:red ; text-decoration:underline ; background-color: silver}
a: active {}
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}
h3 {font.size: 1.1em; color:red ; font-weight: bold ; text-decoration: none ; text-align: center}
h4 {font.size: 1.1em; color:red ; font-weight: bold ; text-decoration: none ; text-align: left}
body {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 ; height: 85px }
#logotipo {width: 280px ; float: left}
#publicidad {width: 518px ; float:right ; margin-top: 1px ; font-size: 16px}
#navegacion {background-color: silver ; 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: white ; float:left ; border-left: black 1px solid ; border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu {background-color: white; width: 150px ; float:left ; text-align:left ; margin: 3px 10px 3px 3px}
#menu li {list-style:none ; margin: 4px 0px 4px 6px }
#menu h1 {}
#pie {border-left: black 1px solid ; border-right: black 1px solid; border-top: black 1px solid ; height: 65px}
#pie li {list-style: none ; font-size: 14px}
#pieuno {float:left ; width: 150px}
#piedos {float:left ; width: 476px}
#pietres {float:left ; width: 170px}
#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}
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width: 798px ; height: 12px ; overflow: hidden}
Gracias.
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="trabajo.css" type="text/css" media="all">
</head>
<body>
<div id="global"><div id="curva-superior"></div><div id="cabecera"><div id="logotipo">[contenido no disponible]</div><div id="publicidad">[contenido no disponible]</div></div><div id="navegacion">BIENVENIDO A TRABAJE EN CASA.NET - EMPRENDIMIENTOS.COM</div><div id="contenido"><div id="menu"><ul>
<ul>
<ul>
<ul>
<h1>Busca Trabajo? Un Negocio? Ingresos Extras?</h1>
Que Pueda Desarrollar Desde Su Casa a Tiempo Parcial o Total?
Sin Horarios Fijos, Sin Jefes, Sin Empleados, Sin Estructuras Físicas y Sin Gastos Fijos!
</p>
Es Joven, Adulto, 3ª Edad, Hombre o Mujer?</p>
Es Estudiante, Ama de Casa, Jubilado, Desocupado, Empleado, Comerciante, Empresario, Profesional?</p>
Es Honesto, Sincero, y Con Muchas Ganas de Trabajar y Cambiar Su Vida y La De Su Familia?
</p>
Quiere Tiempo Para Disfrutar de Su Familia, Amigos o de Su Pasatiempo Favorito?</p>
Y Sobre Todo Quiere Su Libertad Financiera?</p>
<h2>Entonces Estamos Interesado en Usted!!!</h2>
Por Que Sabemos Que Es Una Persona Capaz Que No Esta Siendo Recompensado Como Se Merece;</p>
Que Podría Estar Trabajando En Algo Mas Lucrativo y Flexible Por Su Cuenta.</p>
Conocemos el Temor de Dejar un Trabajo Seguro, y Empezar Algo Nuevo y Riesgoso, Por Que También Lo Hemos Vivido.</p>
<h2>Esta No es una Oferta de Empleo, es Una OPORTUNIDAD DE NEGOCIOS y un Salto a su Verdadero Éxito, que es Mucho Mejor que lo Anterior!.
</h2><h3>Le Ofrecemos:</h3><h4>A)- Ganancias ilimitadas en función a su esfuerzo y al talento que le ayudaremos a desarrollar con nuestro efectivo sistema de couching personalizado.
</h4><h4>B)- Superar con creces cualquier suma de dinero que usted esta ganando actualmente en menos de un año.
</h4><h4>C)- Tiempo para su familia y su vida personal, usted controla sus horarios.</h4><h4>D)- Un cambio notable en su estilo de vida.
</h4>
Nuestro compromiso es trabajar con usted para lograr sus metas y sueños personales, ya que mantenerlo motivado, es parte de nuestro negocio.
</p>
Suena muy bueno para ser verdad, no es así?</p>
Es esa una razón suficiente para NO dejar pasar la oportunidad!</p>
"La Informacion, Es La Base De Todo Buen Negocio"</p>
"Este Puede Ser Un Negocio o No, Para Usted , Como Saberlo?"</p>
"Lo Invitamos a Que Ingrese A:"</p>
</div>
<div id="pie"><div id="pieuno"><ul>
<div id="curva-inferior"></div>
</div>
</body>
</html>
CSS:
* {text-indent: 0px ; margin:0px ; padding:0px ; border: 0px}
a {color: brown ; text-decoration:none ; display: block }
a: link {}
a: visited {}
a: hover {color:red ; text-decoration:underline ; background-color: silver}
a: active {}
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}
h3 {font.size: 1.1em; color:red ; font-weight: bold ; text-decoration: none ; text-align: center}
h4 {font.size: 1.1em; color:red ; font-weight: bold ; text-decoration: none ; text-align: left}
body {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 ; height: 85px }
#logotipo {width: 280px ; float: left}
#publicidad {width: 518px ; float:right ; margin-top: 1px ; font-size: 16px}
#navegacion {background-color: silver ; 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: white ; float:left ; border-left: black 1px solid ; border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu {background-color: white; width: 150px ; float:left ; text-align:left ; margin: 3px 10px 3px 3px}
#menu li {list-style:none ; margin: 4px 0px 4px 6px }
#menu h1 {}
#pie {border-left: black 1px solid ; border-right: black 1px solid; border-top: black 1px solid ; height: 65px}
#pie li {list-style: none ; font-size: 14px}
#pieuno {float:left ; width: 150px}
#piedos {float:left ; width: 476px}
#pietres {float:left ; width: 170px}
#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}
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width: 798px ; height: 12px ; overflow: hidden}