:lol: :lol: Hola amigos
Me cuesta poner un menu horizontal con 3 unidades : una a la izquierdo weight 150 px, otra igual a la derecha y la restante en el medio de 470px.
Acompaño los codigos para su analisis y salvar el error.-
Tampoco me toma las curvas superior e inferior
HTML
<html>
<head>
<title>Ganar Dinero</title>
<link rel="stylesheet" href="ganarasdinero.estilos.css" type="text/css" media="all">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div id="global">
<div id="curva-superior1"></div>
<div id="cabecera">
<div id="logotipo">
<a href="http://www.comocreartuweb.com/antes-de-empezar/introducion.html">
[contenido no disponible]</a>
</div>
<div id="publicidad">
[contenido no disponible]</a>
</div></div>
<div id="contenido"></div>
<div id="menu1"></div>
<div id="menu2"></div>
<div id="menu3"></div>
<div id="pie"></div>
<div id="curva-inferior1"></div>
</div>
</body>
</html>
ESTILOS
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 1.0em; color:blue ; font-weight: bold ; text-decoration: underline ;
text-align: center}
h2 {font.size: 0.9em; color:blue ; font-weight: bold ; text-decoration: none ;
text-align: center}
h3 {font.size: 0.8em; color:blue ; font-weight: bold ; text-decoration: none ;
text-align: center}
body {text-align: center }
#global {width:800px ; margin:4px auto }
#curva-superior { background-image: url(Objetos1/curva-superior1.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:80px}
#logotipo {width:280px ; float:left }
#publicidad {width:510px ; float:right ; font-size: 16px }
#contenido {background-color: #7FFFD4 ; width:800px; border-left: black 1px solid ;
border-right: black 1px solid ; border-top: black 1px solid ;
border-botton: black 1px solid}
#contenido p{margin: 5px 10px 0px 10px }
#menu1 {background-color: #ADFF2F ; width: 150px ; height: 75px; float:left ;
text-align:left ; margin: 10px ;
background-position: bottom ; padding-bottom:5px }
#menu1 li {list-style:none ; margin: 4px 4px 4px 4px }
#menu1 h1 {text-decoration:none ; font-size:12px ; padding-top:12px }
#menu2 {background-color: #ADFF2F ; width: 400px ; height: 75px; float:left ;
text-align:left ; margin: 10px ;
background-position: bottom ; padding-bottom:5px }
#menu2 li {list-style:none ; margin: 4px 4px 4px 4px }
#menu2 h1 {text-decoration:none ; font-size:12px ; padding-top:12px }
#menu3 {background-color: #ADFF2F ; width: 150px ; height: 75px; float:left ;
text-align:left ; margin: 10px ;
background-position: bottom ; padding-bottom:5px }
#menu3 li {list-style:none ; margin: 4px 4px 4px 4px }
#menu3 h1 {text-decoration:none ; font-size:12px ; padding-top:12px}
#pie { border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid;
border-botton: black 1px solid ;background-color: #D2691E ;
width: 800px ;height: 75px}
#curva-inferior { background-image: url(Objetos1/curva-inferior1.gif) ;
background-repeat: no-repeat ; width: 800px ; height:10px ;
overflow: hidden }
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
#pie a {color: 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}
Gracias por vuestra ayuda
Me cuesta poner un menu horizontal con 3 unidades : una a la izquierdo weight 150 px, otra igual a la derecha y la restante en el medio de 470px.
Acompaño los codigos para su analisis y salvar el error.-
Tampoco me toma las curvas superior e inferior
HTML
<html>
<head>
<title>Ganar Dinero</title>
<link rel="stylesheet" href="ganarasdinero.estilos.css" type="text/css" media="all">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div id="global">
<div id="curva-superior1"></div>
<div id="cabecera">
<div id="logotipo">
<a href="http://www.comocreartuweb.com/antes-de-empezar/introducion.html">
[contenido no disponible]</a>
</div>
<div id="publicidad">
[contenido no disponible]</a>
</div></div>
<div id="contenido"></div>
<div id="menu1"></div>
<div id="menu2"></div>
<div id="menu3"></div>
<div id="pie"></div>
<div id="curva-inferior1"></div>
</div>
</body>
</html>
ESTILOS
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 1.0em; color:blue ; font-weight: bold ; text-decoration: underline ;
text-align: center}
h2 {font.size: 0.9em; color:blue ; font-weight: bold ; text-decoration: none ;
text-align: center}
h3 {font.size: 0.8em; color:blue ; font-weight: bold ; text-decoration: none ;
text-align: center}
body {text-align: center }
#global {width:800px ; margin:4px auto }
#curva-superior { background-image: url(Objetos1/curva-superior1.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:80px}
#logotipo {width:280px ; float:left }
#publicidad {width:510px ; float:right ; font-size: 16px }
#contenido {background-color: #7FFFD4 ; width:800px; border-left: black 1px solid ;
border-right: black 1px solid ; border-top: black 1px solid ;
border-botton: black 1px solid}
#contenido p{margin: 5px 10px 0px 10px }
#menu1 {background-color: #ADFF2F ; width: 150px ; height: 75px; float:left ;
text-align:left ; margin: 10px ;
background-position: bottom ; padding-bottom:5px }
#menu1 li {list-style:none ; margin: 4px 4px 4px 4px }
#menu1 h1 {text-decoration:none ; font-size:12px ; padding-top:12px }
#menu2 {background-color: #ADFF2F ; width: 400px ; height: 75px; float:left ;
text-align:left ; margin: 10px ;
background-position: bottom ; padding-bottom:5px }
#menu2 li {list-style:none ; margin: 4px 4px 4px 4px }
#menu2 h1 {text-decoration:none ; font-size:12px ; padding-top:12px }
#menu3 {background-color: #ADFF2F ; width: 150px ; height: 75px; float:left ;
text-align:left ; margin: 10px ;
background-position: bottom ; padding-bottom:5px }
#menu3 li {list-style:none ; margin: 4px 4px 4px 4px }
#menu3 h1 {text-decoration:none ; font-size:12px ; padding-top:12px}
#pie { border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid;
border-botton: black 1px solid ;background-color: #D2691E ;
width: 800px ;height: 75px}
#curva-inferior { background-image: url(Objetos1/curva-inferior1.gif) ;
background-repeat: no-repeat ; width: 800px ; height:10px ;
overflow: hidden }
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
#pie a {color: 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}
Gracias por vuestra ayuda