[Ovillo] PseudoClases

Fri, 19 Oct 2007 05:25:21 -0700 

Estoy probando las pseudoclases.

Todo me va bien, menos los estilos de los enlaces
visitados, que no me va en Firefox, en IE6 si va
(aunque parezca mentira).

Os mando una copia simplificada del código.

Gracias.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml";>
<head>
        <meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
        <title>Pr&aacute;ctica con enlaces</title>
        <style type="text/css">
                a {     display:block;
                        width:150px;
                }
                a:link {        text-decoration:none;
                                        background-color:#FFFF66;
                                        border-style:outset;
                                        border-width:medium;
                                        padding:5px;
                                        margin:0px;
                }
                a:visited {     background-color:#FFFFFF;
                }
                a:hover {       background-color:#FFFF00;
                                        border-style:inset;
                                        border-width:medium;
                                        padding:5px;
                                        margin:2px;
                }
                a:active {      color:#FF0000;
                                        background-color:#FFFFFF;
                }
        </style>
</head>

<body>
        
        <h4 id="volver"> Enlaces internos: </h4>
        <div>
                <a href="#apar1">Apartado 1</a>
                <a href="#apar2">Apartado 2</a>
                <a href="#apar3">Apartado 3</a>                         
                <a href="#apar4">Apartado 4</a>                         
                <a href="#apar5">Apartado 5</a>                         
        </div>

        <h3 id="apar1">Apartado 1</h3>
        <div><a id="menu"
href="#volver">Men&uacute;</a></div>

        <h3 id="apar2">Apartado 2</h3>
        <div><a id="menu"
href="#volver">Men&uacute;</a></div>

        <h3 id="apar3">Apartado 3</h3>
        <div><a id="menu"
href="#volver">Men&uacute;</a></div>

        <h3 id="apar4">Apartado 4</h3>
        <div><a id="menu"
href="#volver">Men&uacute;</a></div>
                
        <h3 id="apar5">Apartado 5</h3>
        <div><a id="menu"
href="#volver">Men&uacute;</a></div>    
        
</body>
</html>



       
____________________________________________________________________________________
Sé un Mejor Amante del Cine                         
¿Quieres saber cómo? ¡Deja que otras personas te ayuden!
http://advision.webevents.yahoo.com/reto/entretenimiento.html
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Responder a