Ver Mensaje Individual
  #8 (permalink)  
Antiguo 24/04/2012, 17:22
dondemola
 
Fecha de Ingreso: abril-2012
Ubicación: Madrid
Mensajes: 17
Antigüedad: 12 años, 8 meses
Puntos: 2
Respuesta: problema con a:hover

Gracias Oscar. Copio y pego


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Emilio Esteban</title>
<style type="text/css" media="screen">
A:link { color: #666; font-size: 18pt; font-family: arial; text-decoration: none }
A:hover { color: #666; font-size: 18pt; font-family: arial; text-decoration: none }
A:visited { color: #666; font-size: 18pt; font-family: arial; text-decoration: none }
.EMILIO {
color: #CCC;
font-family: Tahoma, Geneva, sans-serif;
font-size: 29px;
}
.EMILIO a:link { color: #CCC; font-size: 8pt; font-family: tahoma; text-decoration: none }
.EMILIO a:hover { color: #f00; font-size: 12pt; font-family: tahoma; text-decoration: none }
.EMILIO a:visited { color: #CCC; font-size: 8pt; font-family: tahoma; text-decoration: none }
.arc {
color: #666;
font-family: Tahoma, Geneva, sans-serif;
font-size: 22px;
}
.arc a:link { color: #CCC; font-size: 8pt; font-family: tahoma; text-decoration: none }
.arc a:hover { color: #CCC; font-size: 8pt; font-family: tahoma; text-decoration: none }
.arc a:visited { color: #CCC; font-size: 8pt; font-family: tahoma; text-decoration: none }
.CATEGORIAS {
color: #CCC;
font-family: Tahoma, Geneva, sans-serif;
font-size: 24px;
}
.CATEGORIAS a:link { color: #CCC; font-size: 8pt; font-family: tahoma; text-decoration: none }
.CATEGORIAS a:hover { color: #CCC; font-size: 8pt; font-family: tahoma; text-decoration: none }
.CATEGORIAS a:visited { color: #CCC; font-size: 8pt; font-family: tahoma; text-decoration: none }
#apDiv1 {
position:absolute;
width:236px;
height:115px;
z-index:1;
left: 410px;
top: 331px;
}
#apDiv2 {
position:absolute;
width:132px;
height:115px;
z-index:1;
left: 587px;
top: 96px;
}

a { display: block;
}
a:hover {
background-color: rgb(51, 153, 153);
}
#apDiv1 {
position:absolute;
width:225px;
height:115px;
z-index:2;
left: 66px;
top: 16px;
}
body {
background-color: #1F1F1F;
}
#apDiv2 {
position:absolute;
width:1201px;
height:115px;
z-index:3;
left: 39px;
top: 71px;
}
#apDiv3 {
position:absolute;
width:1201px;
height:37px;
z-index:3;
left: 39px;
top: 645px;
}
#apDiv4 {
position:absolute;
width:200px;
height:115px;
z-index:4;
left: 64px;
top: 214px;
}
#apDiv5 {
position:absolute;
width:142px;
height:115px;
z-index:5;
left: 64px;
top: 240px;
}
</style>
</head>

<body>
<div id="apDiv1">
<td><span class="EMILIO">Emilio Esteban</span><br>
<span class="arc">architecture design</span></div>

<div id="apDiv2"><hr width="1200" size="1" color="#444" /></div>
<div id="apDiv3"><hr width="1200" size="1" color="#444" /></div>
<div id="apDiv4"><hr width="300" size="1" color="#555" /></div>
<div id="apDiv5"><span class="EMILIO"/><a href="link cualquiera" class="EMILIO">Architecture</a></div>
</body>
</html>