el meno no se subraya

comanchesg1 · 15 Oct 2009, 04:40 · Solicitar retirada

esq pongo lo q me dice y no se colorea en gris y no se ponen en rojo las letra...aqui les dejo mi 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</div>
<div id="menu">menu
<ul>

Enlace 1

Enlace 2

Enlace 3

</div>
<div id="contenido">Esta será la zona principal de la web</div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>

y aqui la hoja de stilos

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

elmenda · 15 Oct 2009, 21:16 · Solicitar retirada

Hola.

Pues mira aquí tienes una discrepancia:

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

Lo que te pongo en rojo, suprime una "a". Le estas diciendo que ha de ser azul a la vez que marron.

Un saludo.

comanchesg1 · 16 Oct 2009, 04:57 · Solicitar retirada

le quito una "a" pero o se hace mas pequeño el texto o se cambia de color...
porfa ayudenmeee..

bueno aqui el 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</div>
<div id="contenido">
<div id="menu">
<ul>

Enlace 1

Enlace 2

Enlace 3
</div>

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

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>

Y este es el tercer párrafo. 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.</p>

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

body {text-align: center}
#cabecera{background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange ; width: 800px ; float:left}
#pie{background-color: brown }
#global {width:800px ; margin: 4px auto }
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left }
#menu li {list-style:none ; margin: 4px 0px 4px 6px}
* {margin:0px ; padding:0px ; border: 0px}
a {color: blue; font-size:1.3em ; text-decoration: none}
{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}

Shaka K. · 16 Oct 2009, 08:46 · Solicitar retirada

comanchesg1 escribió:le quito una "a" pero o se hace mas pequeño el texto o se cambia de color...
porfa ayudenmeee..

hoja de estilos

body {text-align: center}
#cabecera{background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange ; width: 800px ; float:left}
#pie{background-color: brown }
#global {width:800px ; margin: 4px auto }
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left }
#menu li {list-style:none ; margin: 4px 0px 4px 6px}
* {margin:0px ; padding:0px ; border: 0px}
a {color: blue; font-size:1.3em ; text-decoration: none}
{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}

lo de rojo borralo completamente y dinos como te queda si te falla solo vuelve a decirlo. :wink: