enlaces a negro

danieltra · 17 Dic 2011, 16:46 · Solicitar retirada

por que se me han vuelto los enlaces a negro???

estoy metiendo el contenido de subsecciones y de pronto me aparecen los enlaces en negro.

alguien sabe algo)=??

Yaneth · 17 Dic 2011, 17:13 · Solicitar retirada

jeje
asi es imposible saber debes darnos la url de tu web
o los codigos completos de html y css

saludos

danieltra · 17 Dic 2011, 19:01 · Solicitar retirada

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>discos</title>
<link rel="stylesheet" href="../estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>



<div id="cabecera">
<div id="logotipo"><a href="../index.html"><img src="../objetos/.jpg" width="319px" height="250px"
alt="Haz clic aquí para volver al menú principal"></a></div>
<div id="publicidad"><img src="../objetos/.jpg" width="478px" height="250px" alt="Espacio reservado para publicidad"></div>
</div>
<div id="navegacion">
<ul><li><a href="..//.html"></a></li><li><a href="..//.html"></a></li><li><a href="..//.html"></a></li><li><a
href="..//.html"></a></li><li><a href="..//.html"></a></li><li><a href="..//.html"></a></li><li><a href="..//.html"></a></li><li><a
href="..//.html"></a></li><li><a href="..//.html"></a></li><li><a href="..//.html"></a></li><li><a href="..//.html"></a></li><li><a
href="discos.html">discos</a></li><li><a href="..//.html"></a></li><li><a href="..//.html"></a></li></ul>
</div>



<div id="contenido">



<div id="menu">
<ul><h1>"discos"</h1><li><a href="dr/dr.html">Dr.Feelgood</a></li><li><a href="school/school.html">School's Out</a></li><li><a href="sports/sport.html">Sport City</a></li><li><a href="works/work.html">Dirty Work</a></li><li><a href="life/life.html">Life Experience</a></li></ul>
</div>



<h1>discos</h1>
<p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
<p>xxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
<p>xxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
</div>



<div id="pie">
<div id="pieuno">
<ul>
<li><a href="#">Foro Ejemplo</a></li><li><a href="#">Contactos</a></li><li><a href="#">Nos Enlazan</a></li>
</ul>
</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>
<li><a href="#">Directorio</a></li><li><a href="#">TopSite</a></li><li><a href="#">Mapa de la Web</a></li>
</ul>
</div>
</div>



<div id="curva-inferior"></div>
</body>
</html>

danieltra · 17 Dic 2011, 19:03 · Solicitar retirada

* {margin:0px; padding:0px; border:0px;}
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;}
body {text-align:center;}
#global {width:800px; margin:4px auto;}
#curva-superior {background-image:url(objetos/curva-superior.gif);
background-repeat:no-repeat;width:800px; height:12px;overflow:hidden;}
#cabecera {background-color:grey;border-right:black 1px solid;border-left:black 1px solid;height:250px;}
#logotipo {width:319px;float:left;margin-top:10px; border-top:black 1px solid;border-right:black 1px solid;}
#publicidad {width:478px;float:right;margin-top:10px; border-top:black 1px solid;}
#navegacion {background-color:grey;border: black 1px solid;height:20px;}
#navegacion li {float:left; list-style:none;margin:0px 20px 0px 20px;}

#contenido {background-color:#D8BFD8; border-left:black 1px solid; border-right:black 1px solid;}
#contenido p {padding:5px 10px 5px 10px;text-indent:15px;}
.centrado1 {text-align:center;font-size:20px}
.centrado {text-align:center;}
#menu {width:150px; float:left;text-align:left;margin:3px 10px 3px 3px;
background-image: url(objetos/menu-parte-inferior.gif); background-position:bottom;padding-bottom:5px}
#menu li {list-style:none;margin:4px 8px 4px 6px;}
#menu h1 {text-decoration:none; font-size:12px;background-image: url(objetos/menu-parte-superior.gif);padding-top:12px}
#pie {background-color:white; border-top: black 1px solid; border-right: black 1px solid;
border-left: black 1px solid ;height: 65px }
#pie li {list-style:none; font-size:12px;}
#pieuno {float:left;width:150px;}
#piedos {float:left;width:498px;}
#pietres {float:left;width:150px;}
#curva-inferior {background-image:url(objetos/curva-inferior.gif);
background-repeat:no-repeat;width:800px;height:12px;overflow:hidden;}
a {color:brown; text-decoration:none;display:block;}
a:link {}
a:visited {color:black;}
a:hover {text-decoration:underline;background-color:orange;}
a:active {color:blue;}
#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}

width:auto;
margin-top:61px;

Doodleo · 17 Dic 2011, 19:22 · Solicitar retirada

En el final, tienes este código:

a {color:brown; text-decoration:none;display:block;}

[COLOR=#333333]a:link {}[/COLOR]
[COLOR=#333333]a:visited {color:black;}[/COLOR]
[COLOR=#333333]a:hover {text-decoration:underline;background-color:orange;}[/COLOR]
[COLOR=#333333]a:active {color:blue;}[/COLOR]
[COLOR=#333333]#pie a {color: blue; text-decoration:none ; display: block }[/COLOR]
[COLOR=#333333]#pie a:link {}[/COLOR]
[COLOR=#333333]#pie a:visited {}[/COLOR]
[COLOR=#333333]#pie a:hover {color:black ; text-decoration:underline ; background-color: white }[/COLOR]
[COLOR=#333333]#pie a:active {color:black}
[/COLOR]

Déjalo así:

[COLOR=#333333]a {color:brown; text-decoration:none;display:block;}[/COLOR]
[COLOR=#333333]a:link {}[/COLOR]
[COLOR=#333333]a:visited {color:[/COLOR][COLOR=#ff0000][B]brown[/B][/COLOR][COLOR=#333333];}[/COLOR]
[COLOR=#333333]a:hover {text-decoration:underline;background-color:orange;}[/COLOR]
[COLOR=#333333]a:active {color:[/COLOR][COLOR=#ff0000][B]brown[/B][/COLOR][COLOR=#333333];}[/COLOR]
[COLOR=#333333]#pie a {color: [/COLOR][B][COLOR=#ff0000]brown[/COLOR][/B][COLOR=#333333]; text-decoration:none ; display: block }[/COLOR]
[COLOR=#333333]#pie a:link {}[/COLOR]
[COLOR=#333333]#pie a:visited {}[/COLOR]
[COLOR=#333333]#pie a:hover {color:[/COLOR][B][COLOR=#ff0000]brown[/COLOR][/B][COLOR=#333333] ; text-decoration:underline ; background-color: white }[/COLOR]
[COLOR=#333333]#pie a:active {color:[/COLOR][B][COLOR=#ff0000]brown[/COLOR][/B][COLOR=#333333]}
[/COLOR]

danieltra · 18 Dic 2011, 00:29 · Solicitar retirada

bueno, gracias por tu respuesta.. pero ya tenía configurado los colores

para los distintos estados de los enlaces.. el problema me ha surgido por algo..
si modifico los colores a marrón, estoy modificando los colores que tenía pre-configurados..
pero gracias de todos modos..

Doodleo · 18 Dic 2011, 00:42 · Solicitar retirada

Por lo que veo los enlaces sólo están en negro cuando ya fueron visitados alguna vez (a:visited)
Sólo tienes que cambiar ese color y listo :)

danieltra · 18 Dic 2011, 18:36 · Solicitar retirada

...esperando a yaneth.

...esperando a yaneth.

danieltra · 2 Ene 2012, 12:39 · Solicitar retirada

gracias doodleo, por lo que he visto los tiros van por ahí.. gracias de nuevo.