Hola, perdonen me por las molestias, pero si no pregunto, no aprendo, y este curso de como crear tu web, es el mejor que yo he podido ver, los felicitos.
Ahora necesito que si me pueden revisar las copias del html y del css, que les envio, estoy fabricando mi propia pagina y se me ha originado un margen doble a la derecha, y no logro corregirlos, tambien en el lugar del menu, inclui una lista de imagenes referentes a mi temas y que no necesito que me lleven a ningun lado, si hay una mejor forma de haserlo se lo agradeseria que me lo explicaran. 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">Bienvenido a Trabajo en Casa.Net - Emprendimientos2008.Com</div><div id="navegacion">Barra de Navegación</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">Si Sos:</div><div id="piedos">Pie Dos</div><div id="pietres">Pie Tres</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
CSS
* {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}
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: wite ; border-left: black 1px solid ; border-right: black 1px solid ; height:85px }
#logotipo {width: 280px ; float: left}
#publicidad {width: 518px ; float: right ; margin-top:100px ; font-size: 20px }
#navegacion {background-color: silver ; border: black 1px solid ; height: 20px ; width: 800px}
#navegacion li {float: left ; list-style: none ; margin: 0px 20px 0px 20px }
#navegacion ul {margin-left: 180px}
#contenido {background-color: witw ; float:left ; border-left:black 1px solid ; border-right:black 1px solid ; width: 800px}
#contenido p {padding: 5px 10px 5px 10px}
#pie {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid; border-top: black 1px solid ; height: 65px}
#pieuno {background-color: brown ; float:left ; width: 150px ; border-right: black 1px solid}
#piedos {background-color: green ; float:left ; width: 498px}
#pietres {background-color: red ; float:left ; width: 150px ; border-left: black 1px solid}
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow: hidden }
#menu {background-color: white; width: 150px ; float:left ; text-align:left ; margin: 3px 2px 3px 1px ; background-position: bottom}
#menu li {list-style:none ; margin: 3px 1px 3px 1px }
a {color: blue; font-size:1.3em ; text-decoration: none}
a {color: brown ; text-decoration:none ; display: block }
a:hover {color:red ; text-decoration:underline ; background-color: silver}
Ahora necesito que si me pueden revisar las copias del html y del css, que les envio, estoy fabricando mi propia pagina y se me ha originado un margen doble a la derecha, y no logro corregirlos, tambien en el lugar del menu, inclui una lista de imagenes referentes a mi temas y que no necesito que me lleven a ningun lado, si hay una mejor forma de haserlo se lo agradeseria que me lo explicaran. 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">Bienvenido a Trabajo en Casa.Net - Emprendimientos2008.Com</div><div id="navegacion">Barra de Navegación</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">Si Sos:</div><div id="piedos">Pie Dos</div><div id="pietres">Pie Tres</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
CSS
* {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}
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: wite ; border-left: black 1px solid ; border-right: black 1px solid ; height:85px }
#logotipo {width: 280px ; float: left}
#publicidad {width: 518px ; float: right ; margin-top:100px ; font-size: 20px }
#navegacion {background-color: silver ; border: black 1px solid ; height: 20px ; width: 800px}
#navegacion li {float: left ; list-style: none ; margin: 0px 20px 0px 20px }
#navegacion ul {margin-left: 180px}
#contenido {background-color: witw ; float:left ; border-left:black 1px solid ; border-right:black 1px solid ; width: 800px}
#contenido p {padding: 5px 10px 5px 10px}
#pie {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid; border-top: black 1px solid ; height: 65px}
#pieuno {background-color: brown ; float:left ; width: 150px ; border-right: black 1px solid}
#piedos {background-color: green ; float:left ; width: 498px}
#pietres {background-color: red ; float:left ; width: 150px ; border-left: black 1px solid}
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow: hidden }
#menu {background-color: white; width: 150px ; float:left ; text-align:left ; margin: 3px 2px 3px 1px ; background-position: bottom}
#menu li {list-style:none ; margin: 3px 1px 3px 1px }
a {color: blue; font-size:1.3em ; text-decoration: none}
a {color: brown ; text-decoration:none ; display: block }
a:hover {color:red ; text-decoration:underline ; background-color: silver}