Enlaces en la hoja de estilos

kyll0 · 27 Dic 2007, 01:47 · Solicitar retirada

Hola! me ha surgido un problemilla con el comportamiento de los enlaces, los tengo definidos en la hoja de estilos, pero cuando los veo con el iexplorer o con el firefox no se ven así. ¿Que he hecho mal? otra cosa: ¿se puede poner distintos para cada capa?

Estos son los parámetros

A:link
{
color: orange ;
text-decoration: none;
}
A:visited
{
color: red ;
text-decoration: none;
}
A:hover
{
color: blue ;
}
A:active
{
color: red ;
text-decoration: underline;
}

Muchas gracias CCTW ;)

Yaneth · 27 Dic 2007, 02:16 · Solicitar retirada

hola

danos la url para verlo

kyll0 · 27 Dic 2007, 02:31 · Solicitar retirada

Yaneth escribió:hola

danos la url para verlo

No lo tengo colgado, te paso el css y el html??

Yaneth · 27 Dic 2007, 16:47 · Solicitar retirada

si, asi lo bajo a mi pc, y veo el fallo

saludos

kyll0 · 30 Dic 2007, 15:53 · Solicitar retirada

Yaneth escribió:si, asi lo bajo a mi pc, y veo el fallo

saludos

index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Atleti al día</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="stylesheet" type="text/css" href="hojadeestiloindex.css" />
</head>
<body>
<div id="capatodalapantalla">
<div id="capaenglobatodo">

<div id="capaheader">
<div id="capaheader1">
<h1><FONT FACE="Verdana,Arial black,book antiqua">Atleti al día</h1>
</div>
<div id="capaheader2">
[contenido no disponible]
</div>
</div>
<div id="menu">
<ul>

<li id="menubajologo">Competiciones
<li id="menubajologo">Plantilla
<li id="menubajologo">Cantera
<li id="menubajologo">Historia
<li id="menubajologo">Foro

</div>
<div id="englobacapaprincipal">
<div id="capaprincipal">

[contenido no disponible]

<h2>titulo </h2>

contenido Leer completa</p>

</div>

</div>

<div id="menu">
<ul>

<li id="menubajologo">Quiénes Somos
<li id="menubajologo">Enlaces
<li id="menubajologo">[correo eliminado]

</div>
</div>

</body>
</html>

hojadeestiloindex.css

A:link
{
color: orange ;
text-decoration: none;
}
A:visited
{
color: #DAA520 ;
text-decoration: none;
}
A:hover
{
color: red;
}
A:active
{
color: red ;
text-decoration: underline;
}

body
{
background-color: #DAA520;
}

*/div
{
border: 5px solid;
border-color: yellow;
float:center;} *

h1
{
font-size: 80px;
font-face: Verdana,Arial black,book antiqua;
}

h2
{
font-size: 20px;
color: blue;
text-align: center;
padding: 10px 5px 0px 5px;
}

img
{
padding: 0px 0px 2px 2px;
float:left;
clear:right;
margin-left: 10px;
}

p
{
line-height: 2em;
margin-left: 10em;
margin-right: 1em;
margin-bottom: 0.5em;
text-align: justify;
text-indent: 50px;
color: black;
}

#capatodalapantalla
{
width: 90%;
position: relative;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;}

#capaenglobatodo
{
width: 100%;
position: relative;
padding: 0px 0px 0px 0px;
background-color: white;
}

#capaheader
{
position: relative;
width: 100%;
height: 400px;
background-color: #FF0000;
color:white;
margin: 0px auto 1px auto;
text-align:left;
border: 2px solid;
border-color: black;
padding: 0px 0px 3px 0px;
}

#capaheader1
{
position: relative;
width: 48%;
height:300px;
padding: 100px 1px 1px 40px;
text-align: center;
float:left;
background-color: #FF0000;
}

#capaheader2
{
position: relative;
width: 283px;
height: 283px;
margin: 50px 50px 0px 0px;
float:right;
background-color: #FF0000;
}

#englobacapaprincipal
{
border-top:0px;
border-right: 1px solid;
border-left: 1px solid;
border-color: black;
}

#capaprincipal
{
border-top: 0px;
width: 100%;
padding: 20px 5px 20px 0px;
float: center;
margin: 2px auto 2px auto;
}

#capaconimagendeportada
{
position: relative;
width:92%;
height: 50px;
background: #fff url('images/hdrpic.jpg') no-repeat top left;
margin-bottom: 0px;
margin: 0px auto 0px auto;
}

#menu
{
position: relative;
background-color: white;
height: 60px;
float: center;
width: 100%;
margin: 0px 0px 0px opx;
border: 1px solid;
border-color: black;
text-align: center;
padding: 1px 0px 0px 0px;
}

#menu ul li
{
position: relative;
top: 0em;
display: inline;
font-weight:bold;
padding: 0px 5px 5px 5px;
text-align: left;
}

#menubajologo
{
margin-right: 1.1em;
font-weight:bold;
}

#menu1
{
position: relative;
background-color: white;
height: 40px;
float: center;
width: 100%;
margin: 0px 0px 0px opx;
border-left: 1px solid;
border-right: 1px solid;
border-bottom: 1px solid;
border-color: black;
text-align: center;
padding: 0px 0px 0px 0px;
}

#menu1 ul li
{
position: relative;
top: 0em;
display: inline;
font-weight:bold;
}

#capacontenido
{
width: 90%;
padding: 50px 0px 20px 0px;
float: center;
margin: 20px auto 2px auto;
}

Yaneth · 31 Dic 2007, 17:31 · Solicitar retirada

hola

pues con firefox, yo si veo el comportamiento de los enlaces

saludos

kyll0 · 2 Ene 2008, 12:28 · Solicitar retirada

Ahora mismo lo acabo de comprobar en explorer, y no funcionan.

otra cosa: ¿es posible que en cada capa tengan un comportamiento distinto los enlaces? si es así, ¿como se hace?