Entrar

Curso paso-paso:Como definir las propiedades de los enlaces

manu.69 · · Solicitar retirada
Hola; soy un novato nuevo que esta siguiendo el curso paso a paso y en la segunda leccion hay un paso que es definir las propiedades de los enlaces, escribo en la hoja de estilos generales esto y nada de nada...

a {color:brown ; text-decoration:none}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline}
a:active {}

Seguro que es una tonteria pero es que no caigo, tengo que escribir algo más que no he hecho?

Gracias por adelantado al que me pueda ayudar
manu.69 · · Solicitar retirada
La verdad es que no se por que no se ve, lo he copiado en la hoja de estilogeneral.css y cuando voy a plantilla no hay ningun cambio. Si no ves ningun error me quedo mas tranquilo por que no soy tan paquete como creía pero me quedo trabado por que no puedo seguir....
gracias de todos modos.
manu.69 · · Solicitar retirada
De hecho no se si el problema esta en donde lo he escrito aunque creo que esta bien, lo he puesto al final, falta algo? :

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}
#menu {background-color: yellow ;width:150px;float:left;text-align:left}
#menu li{list-style:none ; margin:4px 0px 4px 6px}
#pie {background-color:brown}
a {color:brown ; text-decoration:none}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline}
a:active {}
*Caleb* · · Solicitar retirada
Probá colocandolo debajo de Body, entre el mismo y #global , pero no creo que sea por el orden que hay ahi

Yo los coloco al final de la hoja de estilos a veces o en medio, y funcionan

Ah, tambien fijaste si definiste bien los enlaces en la plantilla. Por ahi no estan escritos aun o están mal escritos y por eso no funcionen los enlaces cambiantes

Te dejo el code por las dudas que es para definir un enlace

[url="#"]Elemento 1[/url]
Yaneth · · Solicitar retirada
hola

recuerda que para poder ayudarte
debes anexar todo el contenido de html y el de css en tu pregunta

saludos
jmtwl · · Solicitar retirada
¿No sería mejor, más claro, y más simple esto? (Referido a las propiedades de los enlaces):

a:link {
	color: brown;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: brown;
}
a:hover {
	text-decoration: underline;
	color: red;
}
a:active {
	text-decoration: none;
	color: brown;
}
manu.69 · · Solicitar retirada
Gracias por las ayudas, aquí pego lo que tengo en html y en la hoja de estilos general, a ver si encuentran el fallo.

En estilo general:

*{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}
#menu {background-color: yellow ;width:150px;float:left;text-align:left}
#menu li{list-style:none ; margin:4px 0px 4px 6px}
#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 {}

y en 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">Bievenidos a mi web</div>
<div id="navegacion"> Barra de navegacion</div>
<div id="contenido"></div>
<div id="menu">
<ul>
  • <a href "#"> Enlace 1</a>
  • <a href "#"> Enlace 2</a>
  • <a href "#"> Enlace 3</a>

    </div>
    Esta sera la zona principal de la web
    </div>
    <div id="pie"> Este es el pie de pagina</div>
    </div>
    </body>
    </html>


    Gracias
    • Yaneth · · Solicitar retirada
    te sobra un cierre

    <div id="contenido"></div>
    <div id="menu">
    <ul>
  • <a href "#"> Enlace 1</a>
  • <a href "#"> Enlace 2</a>
  • <a href "#"> Enlace 3</a>

    </div>

    saludos
    • manu.69 · · Solicitar retirada
    Hola, gracias, se me había pasado aunque el problema de los enlaces los sigo teniendo.
    Se marcan en rojo pero ni se subrayan ni tienen un fondo gris como deberian de tener.

    A ver si algun genio descubre el pastel.

    Gracias.

    Manu