Hola foro.
Llevo ya un mes anclado en el mismo problema. Creo que voy a empezar a ser mal visto por aquí...
La presentación de las "a:" se muestra correcta, pero los problemas comienzan con el "hover".
Es como si la página no reconociera el ratón encima de las palabras del menú.
Tengo la "plantilla" de este modo:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>Enlace 1 Enlace 2 Enlace 3
</div>
Esta será la zona principal de la web
</div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>
Y la hoja estilo-general.css de este modo:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul> Enlace 1 Enlace 2 Enlace 3
</div>
Esta será la zona principal de la web
</div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>
Los problemas creo que son tres:
1- El menu de las "a:" no reconoce el raton cuando este esta encima de las palabras
2- La selección de las palabras muestra un recuadro punteado alrededor de estas sin que se modifique la imagen como deveria ser si siguiera las órdenes del comando "hover"
3- Al tratar los elementos del menu como bloques
a {color: brown ; text-decoration:none ; display: block }
para que quede marcada la selección ahunque el ratón no esté exactamente encima de la palabra, me aparece seleccionado el bloque cuando selecciono la palabra i con puntos en cursiva en forma de rectangulo. Es decir, lo mismo que para el hover. En lugar de aplicar las modoficaciones estilisticas indicadas, realiza un recuadro punteado indicando que reconoce la selección pero nada acerca del estilo.
Además, en el caso de la selección en bloques, solo reconoce el bloque indicado cuando se selecciona la palabra. Es decir, que sabe que el alcance de la palabra abarca toda la linea. Pero si seleccionas la "linea" dónde se encuentra esta palabra, no la reconoce a ella, no reconoce nada de nada cuando esa es la funcion realmente deseada...
Creo tener un gran problema con el "hover" y otro gran problema con la detección de la situación del "ratón" en el campo del menú lateral...
Siento mucho la extensión, pero no me se explicar más escuetamente y no veo solución al tema.
El tema de las a:menu li{} etc... ya lo he provado y el resultado és el mismo.
Una ayuda porfavor!!!! :cry:
Llevo ya un mes anclado en el mismo problema. Creo que voy a empezar a ser mal visto por aquí...
La presentación de las "a:" se muestra correcta, pero los problemas comienzan con el "hover".
Es como si la página no reconociera el ratón encima de las palabras del menú.
Tengo la "plantilla" de este modo:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>
</div>
Esta será la zona principal de la web
</div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>
Y la hoja estilo-general.css de este modo:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>
</div>
Esta será la zona principal de la web
</div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>
Los problemas creo que son tres:
1- El menu de las "a:" no reconoce el raton cuando este esta encima de las palabras
2- La selección de las palabras muestra un recuadro punteado alrededor de estas sin que se modifique la imagen como deveria ser si siguiera las órdenes del comando "hover"
3- Al tratar los elementos del menu como bloques
a {color: brown ; text-decoration:none ; display: block }
para que quede marcada la selección ahunque el ratón no esté exactamente encima de la palabra, me aparece seleccionado el bloque cuando selecciono la palabra i con puntos en cursiva en forma de rectangulo. Es decir, lo mismo que para el hover. En lugar de aplicar las modoficaciones estilisticas indicadas, realiza un recuadro punteado indicando que reconoce la selección pero nada acerca del estilo.
Además, en el caso de la selección en bloques, solo reconoce el bloque indicado cuando se selecciona la palabra. Es decir, que sabe que el alcance de la palabra abarca toda la linea. Pero si seleccionas la "linea" dónde se encuentra esta palabra, no la reconoce a ella, no reconoce nada de nada cuando esa es la funcion realmente deseada...
Creo tener un gran problema con el "hover" y otro gran problema con la detección de la situación del "ratón" en el campo del menú lateral...
Siento mucho la extensión, pero no me se explicar más escuetamente y no veo solución al tema.
El tema de las a:menu li{} etc... ya lo he provado y el resultado és el mismo.
Una ayuda porfavor!!!! :cry: