Label su un elenco

felino

Label su un elenco

Salve utenti,
ho un elenco puntato del tipo:


<ul>
  <ul id="mycarousel" class="jcarousel-skin-tango">
    <li><a href="#"><span class="label_over"></span><div class="over_info"><strong>01</strong><span>Marrakesh</span><em>Lorem ipsum dolor sit amet, consectetuer adipiscing eli...</em></div><img src=images/page1_pic1.jpg" width="239" alt="" /></a></li>
    <li><a href="#"><span class="label_over"></span><div class="over_info"><strong>02</strong><span>New York</span><em>Lorem ipsum dolor sit amet, consectetuer adipiscing eli...</em></div><img src="page1_pic2.jpg" width="239" alt="" /></a></li>
    <li><a href="#"><span class="label_over"></span><div class="over_info"><strong>03</strong><span>Parigi</span><em>Lorem ipsum dolor sit amet, consectetuer adipiscing eli...</em></div><img src="page1_pic3.jpg" width="239" alt="" /></a></li>
</ul>

il cui css è


.jcarousel-skin-tango .jcarousel-container-horizontal { width: auto; }
.jcarousel-skin-tango .jcarousel-clip-horizontal { width: 100%; }

.label_over {
position:absolute;
background:url( '../images/pic_bg_over.png');
opacity:0.4;
height:15%;
width:13.4%;
z-index:4;
overflow: hidden;
margin-top:100px;
line-height: -2px;
}

.label_over non è altro che un'eticchetta messa su ciascun <li> ad un margine-top: 100px, praticamente una banda orizzontale...
Nel mio caso l'ho messa a 13.4% di larghezza, ma se cambio risoluzione questa non copre in orizzontale la colonna interna del <li>

Non so se sono stato chiaro...come potrei sistemarla?

Grazie.

michele.bf.arena

Ciao felino,
non hai un link alla pagina?

Michele

felino

Si scusami, un collega l'ha usato qui e ha lo stesso problema: cmcarredi . it/test3/prodotti

michele.bf.arena

Temo di non aver compreso. Se guardo la pagina da te indicata io vedo un label che copre interamente, opacizzando, l <li>, facendo comparire del testo con margine destro e sinistro. Se io ridimensiono la finestra del browser il label sta li dove è essendo posizionato in absolute. Non capisco quale problema tu abbia riscontrato.

Michele