Entrar

No funciona!!!

TripaXJP · · Solicitar retirada
estuve siguiendo las instrucciones del "Curso Paso a Paso"
y en un momento (segunda leccion/enlaces cambiantes) dice q hay q escribir en la Hoja de estilos

a {color: brown ; text-decoration:none ; display: block }
a:link ()
a:visited ()
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active ()

pero cuando voy a la Plantilla y pongo para ver la vista previa resulta q a:hover {color:red ; text-decoration:underline ; background-color: silver} no hace ningun efecto
alguien puede explicarme q pudo haber pasado? :?: :?
gracias desde ya :D
Raulyure · · Solicitar retirada
TripaXJP escribió:estuve siguiendo las instrucciones del "Curso Paso a Paso"
y en un momento (segunda leccion/enlaces cambiantes) dice q hay q escribir en la Hoja de estilos

a {color: brown ; text-decoration:none ; display: block }
a:link ()
a:visited ()
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active ()

pero cuando voy a la Plantilla y pongo para ver la vista previa resulta q a:hover {color:red ; text-decoration:underline ; background-color: silver} no hace ningun efecto
alguien puede explicarme q pudo haber pasado? :?: :?
gracias desde ya :D

Hola:
Por favor, si pudiera pegar todos los códigos de su hoja de estilo-general y todos los de su página plantilla, podríamos ver con más claridad cuál puede ser el problema.
Saludos
Agradecido de los que aprenden enseñando
TripaXJP · · Solicitar retirada
HOJA DE ESTILO:

* {margin:0px ; padding:0px ; border: 0px}
#cabecera {background-color: red }
#navegacion {background-color: gray }
#contenido {background-color: orange ; width: 800px ; float:left}
#pie {background-color: brown}
#global {width:800px ; margin: 4px auto }
body {text-align: center}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left }
#menu li { ...propiedades..... }
#menu li {list-style:none ; margin: 4px 0px 4px 6px}
a {color: brown ; text-decoration:none ; display: block }
a:link ()
a:visited ()
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active ()


PLANTILLA:

<!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>
    • manmanu · · Solicitar retirada
    Hola TripaXJP

    bienvenid@.
    El problema está en lo que tú has escrito, fijate!!!


    a {color: brown ; text-decoration:none ; display: block }
    a:link ()<-------- error debe quedar así {}
    a:visited ()<-------- error debe quedar así {}
    a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a:active ()<-------- error debe quedar así {} - ()éste es el que hace que no aparezca el "background-color: silver" seleccionado.
    a:hover {color:red ; text-decoration:underline ; background-color: silver}

    Tengo que decirte que al hacer éstas instrucciónes en el CSS, todos las tag <a href="">, ésten donde ésten tendrán los atributos que incluyes aquí.
    Para que no suceda eso, ya que te generaría algún quebradero de cabeza, separa las instrucciónes para cada capa;
    ejemplo, como quieres el texto en rojo, subrallado y al poner el cursor se seleccione en gris, dale ésta propiedad a la capa menú,

    #menu a:hover {color:red ; text-decoration:underline ; background-color: silver}--->Recomendado por ser asignado al "id" (identificador <div id="menu">) que tú has creado.
    menu a:hover {color:red ; text-decoration:underline ; background-color: silver}--->también funciona
    Recuerda lo que hace que aparezca el gris al poner el cursor lo hace a:active.

    Acuerdaté si creas unas instrucciónes como arriba las escribes, todas las "a" tendrán los atributos que les das, para darle a cada a de cada capa DIV diferente un atributo diferente escribelo en el CSS,
    ejemplo, si tienes 3 capas Div, y todas tienen vínculos "a", y las capas se llaman;
    capa1 = #capa1 a:el atributo que yo quiera para capa1 que puede ser otro que el de 1 y 3
    capa2 = #capa2 a:el atributo que yo quiera para capa2 que puede ser otro que el de 1
    capa3 = #capa3 a:el atributo que yo quiera para capa3 que puede ser otro que el de 2
    Solucionalo de ésta manera y te evitarás algunos problemas.

    Espero que algo recuerdes de ésto.

    Saludos manmanu
    manmanu · · Solicitar retirada
    Perdona Raúl,
    he olvidado saludarte.
    Pasaste por alto el error que escribio nuestro amigo.
    Es muy fácil no darse cuenta por el parecido de los signos, y la vista se cansa despues de un rato navegando en el PC.

    Sin otro particular.

    manmanu
    manmanu · · Solicitar retirada
    Hola TripaXJP,


    me alegro que te haya servido :wink:
    Pero recuerda el comentario de "a"


    Hasta otra

    saludos manmanu
    Raulyure · · Solicitar retirada
    manmanu escribió:Perdona Raúl,
    he olvidado saludarte.
    Pasaste por alto el error que escribio nuestro amigo.
    Es muy fácil no darse cuenta por el parecido de los signos, y la vista se cansa despues de un rato navegando en el PC.

    Sin otro particular.

    manmanu

    Hola:
    Tiene razón manmanu, no me percaté en el momento, lo siento
    Saludos
    Agradecido de los que aprenden enseñando
    hermosa rosa · · Solicitar retirada
    La sugerencia y consejos realmente hacer un gran encuentro help.I también el problema antes y afortunadamente encontró su here.thanks consejos para una buena ayuda.