Entrar

Subrayado en la hoja de estilos

Jorge Jiménez · · Solicitar retirada
Hola, estoy tomando el curso paso a paso, y llegue a la parte de enlaces con fondo y a la hora de querer subrayar en la hoja de estilo general no me lo permite, entonces en la plantilla HTML no aparece subrayado cuando clickeamos el enlace
a:hover {color:red ; text-decoration:underline ; background-color: silver}, se supone que para que aparezca gris y subrayado en el HTML, hay que subrayarlo en la hoja de estilos, pero no se como, ¿Pueden ayudarme?.
Gracias!!!, Excelente Curso.
Judas · · Solicitar retirada
Hola, ps la verdad me pasa exactamente lo mismo que a Jorge Jiménez, al momento de darle en la vista preview, no me aparecen subrayados ni sombreados los links. Vale aclarar que previamente puse el código en la hoja de estilos. Una ayudita porfa.

Muchas Gracias

Felicitaciones!!!!!
Siempre da más de lo que recibas.
fernando mendoza · · Solicitar retirada
Hola bienvenido/a donde todos aprendemos de uno y uno aprende de todos: para los dos tienen que mostrarno lo que tienen hecho lo que es igual index.html y hojas de estilo.css para ver donde tienen el problema saludos.
Judas · · Solicitar retirada
Bueno ps respondiendo a lo anterior, aquí escribo el Index y la hoja de estilos

--INDEX--

plantilla.html

<!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</di>
<div id="contenido">
<div id="menu">

<ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3

    </div>

    <h1>Esta será la zona principal de la web</h1>



    Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le
    he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>

    <h2>Y este es el tercer párrafo.</h2>

    En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso
    hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.
    Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o
    justificados. Así esto parece una poesia! je je je.</p>
    </div>

    <div id="pie">Este es el pié de página</div>

    </div>

    </body>
    </html>

    --HOJA DE ESTILOS--

    estilo-general.css

    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
    body {text-align: center}

    #global {width:800px ; margin: 4px auto }
    #cabecera {background-color: pink }
    #navegacion {background-color: gray}
    #contenido {background-color: orange; width: 800px ; float:left}
    #contenido p {padding: 5px 10px 5px 10px;text-indent: 15px}
    #menu li { list-style:none; margin: 4px 0px 4px 6px }
    #menu {background-color: yellow; width: 150px ; float:left; text-align:left;margin:3px 10px 3px 3px}
    #pie {background-color: brown}

    a {color: brown;text-decoration:none; display:block}
    a:link{}
    a:visited{}
    a.hover{color:red;text-decoration:underline;background-color:silver}
    a:active{}
    p {text-align: justify}
    h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
    h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}


    DE ANTE MANO MUCHAS MUCHAS GRACIAS...
    :D