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>
Muchas gracias por la ayuda