Que tal muchachos
Tengo este codigo HTML:
Código HTML:
<div class="highlight">
<ul>
<li style="position: absolute; z-index: 4; top: 0px; left: 0px; display: block; width: 645px; height: 250px; opacity: 1;"><img src="img/borrar.jpg"><a href"#">Benfica en busca de Enzo Perez</a></li>
<li style="position: absolute; top: 0px; left: 0px; width: 556px; height: 179px; z-index: 3; opacity: 0; display: none; "><img src="img/borrar2.jpg"><a href="#" >Desabato descartado para el domingo</a></li>
<li style="position: absolute; top: 0px; left: 0px; width: 557px; height: 179px; z-index: 3; opacity: 0; display: none; "><img src="img/borrar3.jpg"><a href="#" >"Quiero quedarme seis meses mas"</a></li>
</ul>
</div>
<div class="tab"><a href="#" class="activeSlide">1</a><a href="#" class="">2</a><a href="#" class="">3</a></div>
Y el siguiente CSS:
Código CSS:
Ver original.highlight{background:transparent;float:right;position:relative;}
.highlight ul{width:645px;height:250px;}
.highlight li a{
position:absolute;
left:0px;
/*top:100px;*/
top:60px;
text-decoration:none;
line-height: 158%;
background: #1b1b1b;
color:#910000;
font-size:22px;
font-weight:bold;
letter-spacing:-1px;
padding: 2px 9px 2px 5px;
background-color: #2E2E2E;
width: 193px;
}
.tab{
float:right;position:relative;z-index:5;clear:both
}
.tab a{
float:left;
padding:8px 9px 13px 11px;
background:url(img/tab.png) no-repeat 0 -47px;
margin-right:7px;
font-weight:bold;
color:#000;
font-family:verdana;
text-decoration: none;
}
.tab a.activeSlide{
background-position:0 0;
color:#fff;
text-decoration: none;
}
El tema resulta en que el div TAB del HTML, o sea este:
Código HTML:
<div class="tab"><a href="#" class="activeSlide">1</a><a href="#" class="">2</a><a href="#" class="">3</a></div>
me lo devuelve 3 veces en el navegador, no se por que.. Ven algo raro en él ?
Muchas gracias por la ayuda