Block en el menú

Hola, hace un par de días empecé el curso paso a paso (des de 0, jamás había tocado ningún programa para hacer webs, pero tengo que hacer la web de un club de remo), y hasta ahora no he tenido más que un problema en el menú, y es que el "block" para que se marque el enlace cuando pasa el ratón por encima no me coge el enlace si paso por el lado de las letras...

Os copio la hoja de estilo general para que os sea mas facil ayudar a este pobre novato :wink:


* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
body {text-align: center ; background-color:#FFC125 }
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: blue }
#navegacion {background-color: red }
#contenido {background-color: yellow ; width: 800px ; float:left}
#menu {background-color: blue ; width: 150px ; float:left ; text-align:left ; margin: 5px, 10px, 5px, 10px }
#pie {background-color: black }
#menu li {list-style: none; margin: 5px 0px 5px 5px}
p {text-align: justify}
#contenido p {padding: 10px 20px 10px 180px ; text-indent: 15px}}
h1 {font.size: 2.5em; color: white ; font-weight: bold ; text-decoration: none ; text-align: center}
h2 {font.size: 1.5em; color: white ; font-weight: bold ; text-decoration: none ; text-align: center}
a { color: white ; display: block ; text-decoration:none ; font-size:1.1em }
a:link ()
a:visited {color: grey ; font-size:1.1em ; text-decoration: none}
a:hover {color:white ; font-size:1.1em ; text-decoration: none ; background-color: silver }
a:active ()


Muchas gracias por la web y por vuestra atención
Un saludo, Ivan

ivanso escribió:Hola, hace un par de días empecé el curso paso a paso (des de 0, jamás había tocado ningún programa para hacer webs, pero tengo que hacer la web de un club de remo), y hasta ahora no he tenido más que un problema en el menú, y es que el "block" para que se marque el enlace cuando pasa el ratón por encima no me coge el enlace si paso por el lado de las letras...

Os copio la hoja de estilo general para que os sea mas facil ayudar a este pobre novato :wink:


* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
body {text-align: center ; background-color:#FFC125 }
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: blue }
#navegacion {background-color: red }
#contenido {background-color: yellow ; width: 800px ; float:left}
#menu {background-color: blue ; width: 150px ; float:left ; text-align:left ; margin: 5px, 10px, 5px, 10px }
#pie {background-color: black }
#menu li {list-style: none; margin: 5px 0px 5px 5px}
p {text-align: justify}
#contenido p {padding: 10px 20px 10px 180px ; text-indent: 15px}}
h1 {font.size: 2.5em; color: white ; font-weight: bold ; text-decoration: none ; text-align: center}
h2 {font.size: 1.5em; color: white ; font-weight: bold ; text-decoration: none ; text-align: center}
a { color: white ; display: block ; text-decoration:none ; font-size:1.1em }
a:link ()
a:visited {color: grey ; font-size:1.1em ; text-decoration: none}
a:hover {color:white ; font-size:1.1em ; text-decoration: none ; background-color: silver }
a:active ()


Muchas gracias por la web y por vuestra atención
Un saludo, Ivan

Hola:
Me he tomado la libertad de ordenar un poco su hoja de estilo, fuera de eso he notado así muy por encima que en la directiva que usted tiene para el #contenido p etc. etc., usted al final parece ser que ha repetido una llave ( } ), le sugiero que la elimine, también , pero ya en el grupo de las a noto que en a :link usted tiene puestos paréntesis () y debieran de ser llaves {}, lo mismo sucede en a:active
Acá abajo le he dejado los códigos como debiera de tenerlos en su hoja de estilo, después que arregle eso, ya podremos ver con mas efectividad la solución de su problema
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
h1 {font.size: 2.5em; color: white ; font-weight: bold ; text-decoration: none ; text-align: center}
h2 {font.size: 1.5em; color: white ; font-weight: bold ; text-decoration: none ; text-align: center}
p {text-align: justify}
body {text-align: center ; background-color:#FFC125 }
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: blue }
#navegacion {background-color: red }
#contenido p {padding: 10px 20px 10px 180px ; text-indent: 15px}
#menu {background-color: blue ; width: 150px ; float:left ; text-align:left ; margin: 5px, 10px, 5px, 10px }
#menu li {list-style: none; margin: 5px 0px 5px 5px}
#pie {background-color: black }
a { color: white ; display: block ; text-decoration:none ; font-size:1.1em }
a:link {}
a:visited {color: grey ; font-size:1.1em ; text-decoration: none}
a:hover {color:white ; font-size:1.1em ; text-decoration: none ; background-color: silver }
a:active {}
Saludos