[ mojeKorIme @ 07.11.2007. 06:40 ] @
Pozdrav,
imam sljedeci problem.. napravio sam sljedeci css koji mi u jednom div-u(.ekran) drzi sliku i drugi div(.naljepnica).
DIV koji se nalazi u unutrasnjosti je nešto kao naljepnica za sliku i pozicioniran je na određenim koordinatama u odnosu na sliku. Problem je kada zoomiram sliku uvecavajuci njen width i height "naljepnica" ne prati zadanu tacku vec ostaje na istom mjestu. Ima li neki nacin da se ovo odradi a da ne moram u javascriptu programirati ponovnu poziciju prilikom zoomiranja.
CSS:
Code:
.ekran {
    height: 450px;
    width: 500px;
    border: 1px dotted #0066CC;
    overflow: hidden;
    position: relative;
    
}
.naljepnica {
    height: 180px;
    width: 220px;
    border: 2px dashed #666666;
    position: absolute;
    left: 280px;
    top: 300px;
    background-color: #CCCCCC;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    opacity: 0.5;
    overflow: visible;
    color: #009900;
}

HTML
Code:
<div class="ekran">
  <img id="slika" src="slika.jpg" width="800" height="798" />
  <div id="naljepnica" class="pendzer"> 
    <p>ovo je neka naljepnica</p>
    <p align="center" >Ovo je centar </p>
  </div>
</div>


Hvala na pomoci.