Hola a todos, mi problema es que he seguido (creo) paso a paso el curso, y creo que mi hoja de estilo-general.css es muy parecida a la del curso, pero no me da las propiedades para el menu horizontal, se me ven los enlaces como una lista hacia abajo, con el punto al lado, y no me deja ponerle margenes, cambiar la letra ni nada.
POR FAVOR AYÚDENME!!!
Adjunto mi hoja de estilo:
* {margin:0px ; padding:0px ; border: 0px}
p {text-align: justify ; color: #ffffff ; font: 14px arial}
h1 {font-size: 1.2em; color:red ; font-weight: bold ; text-decoration: underline ; text-align: center ; font: 80px AdineKirnberg-Script}
h2 {font.size: 1.1em; color:red ; font-weight: bold ; text-decoration: none ; text-align: center ; font: 30px stonehenge}
body {text-align: center }
body {background-image: url(objetos/fondo-planilla.gif) ;
background-position: center center ; background-repeat: x ; height:100%; }
#global {width:990px ; margin:4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; width: 990px ; height: 30px ; overflow: hidden }
#cabecera {background-color: black ; border-left: black 1px solid ; border-right: black 1px solid ; width: 990px ; height: 110px }
#logotipo {background-color: brown ; width:320px ; float:left }
#publicidad {background-color: pink ; width: 518px ;float:right ; margin-top:25px }
#navegacion {background-color: red ; border: black 2px solid ; width: 990px ; height: 30px }
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul {margin-left: 180px}
#menu {background-color: black; width: 150px ; float:left ; text-align:left ; margin: 10px 10px 10px 10px }
#menu li {list-style:none ; margin:4px 0px 4px 6px }
#contenido {background-color: orange ; width: auto ; border-left: black 2px solid ; border-right: black 2px solid ; width: 990px ; height: 30px }
#contenido p {padding: 10px 10px 10px 10px ; text-indent: 15px }
#pie {background-color: brown ; border-left: black 1px solid ; border-right: black 1px solid; border-top: black 1px solid ; width: 990px ; height: 10px }
a {color: snow; font-size:1.1em ; text-decoration: none ; display:block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver }
a:active {}
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width: 800px ; height: 30px ; overflow: hidden }
:cry:
POR FAVOR AYÚDENME!!!
Adjunto mi hoja de estilo:
* {margin:0px ; padding:0px ; border: 0px}
p {text-align: justify ; color: #ffffff ; font: 14px arial}
h1 {font-size: 1.2em; color:red ; font-weight: bold ; text-decoration: underline ; text-align: center ; font: 80px AdineKirnberg-Script}
h2 {font.size: 1.1em; color:red ; font-weight: bold ; text-decoration: none ; text-align: center ; font: 30px stonehenge}
body {text-align: center }
body {background-image: url(objetos/fondo-planilla.gif) ;
background-position: center center ; background-repeat: x ; height:100%; }
#global {width:990px ; margin:4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; width: 990px ; height: 30px ; overflow: hidden }
#cabecera {background-color: black ; border-left: black 1px solid ; border-right: black 1px solid ; width: 990px ; height: 110px }
#logotipo {background-color: brown ; width:320px ; float:left }
#publicidad {background-color: pink ; width: 518px ;float:right ; margin-top:25px }
#navegacion {background-color: red ; border: black 2px solid ; width: 990px ; height: 30px }
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul {margin-left: 180px}
#menu {background-color: black; width: 150px ; float:left ; text-align:left ; margin: 10px 10px 10px 10px }
#menu li {list-style:none ; margin:4px 0px 4px 6px }
#contenido {background-color: orange ; width: auto ; border-left: black 2px solid ; border-right: black 2px solid ; width: 990px ; height: 30px }
#contenido p {padding: 10px 10px 10px 10px ; text-indent: 15px }
#pie {background-color: brown ; border-left: black 1px solid ; border-right: black 1px solid; border-top: black 1px solid ; width: 990px ; height: 10px }
a {color: snow; font-size:1.1em ; text-decoration: none ; display:block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver }
a:active {}
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width: 800px ; height: 30px ; overflow: hidden }
:cry: