PDA

Zobacz pełną wersję : Nifty Corners - problem - zaokrąglone narożniki zdjęć



dominika51015
19-10-2011, 23:21
Witam.
Męczę się już z tym problemem kilka godzin, może tutaj ktoś pomoże mi go rozwiązać??

Chcę za pomocą NiftyCorners zaokrąglić rogi zdjęć.
Zaokrąglenia innych divów normalnie działają.


Niestety rogi obrazka się niezaokrąglają.
Próbowałam ustawić obrazek jako tło, a w pliku js ustawić "fixed-height" ale wtedy na innych podstronach przestają działać zaokrąglenia rogów.
Zresztą ustawianie obrazka jako tło nie jest rozwiązaniem jakiego szukam.
Potrzebuje zaokrąglić bezpośrednio img:)

Aktualnie kod wygląda następująco: (kanciaty obrazek wewnątrz zaokrąglonej ramki - ale taki wygląd mnie nie satysfakcjonuje)



<div id="obraz_duzy_ramka">
<ul>
<li><img src="images/test.jpg"></li>
</ul>
</div>



div#obraz_duzy_ramka{float:left;width:100%;padding-bottom:15px}
div#obraz_duzy_ramka ul{list-style-type: none;margin-right:10px;padding:0}
div#obraz_duzy_ramka li{float:left;width:350px;margin-right:10px;background-color: #000;}
div#obraz_duzy_ramka li img{display: block;width: 340px;height: 240px;margin:5px;border: 0px}




window.onload=function(){
Nifty("div#obraz_duzy_ramka li","big");
}


Próbowałam taki kod - ale nie działa :


window.onload=function(){
Nifty("div#obraz_duzy_ramka img","big");
Nifty("div#obraz_duzy_ramka li img","big");
}


Jak zaokrąglić rogi obrazka??