Ne znam koliko ti je pomoglo to sto ti je branko objasnio za rounded div ali evo ti mog resenja:
Prvo treba da ubacis CSS code:
Code:
<style type="text/css">
.rounded {
width: 500px;
background: #00f url(levigornji.gif) no-repeat top left;
}
.rounded div {
background: transparent url(desnigornji.gif) no-repeat top right;
}
.rounded div div {
background: transparent url(levidonji.gif) no-repeat bottom left;
}
.rounded div div div{
background: transparent url(desnidonji.gif) no-repeat bottom right;
padding: 40px;
}
</style>
mozes kao style, a mozes i kao externi CSS
sledeci na redu je JavaScript isto ga mozes ubaciti ili ispod styla ili kao poseban externi fajl
Code:
<script language="javascript">
function makeRounded() {
var divs=document.getElementsByTagName('div');
var numDivs=divs.length;
var roundedDivs= new Array();
for(i=0;i<numDivs;i++) {
if(/\brounded\b/.test(divs[i].className)) {
roundedDivs[roundedDivs.length]=divs[i];
}
}
var numRoundedDivs=roundedDivs.length;
for(i=0;i<numRoundedDivs;i++) {
var brdiv=roundedDivs[i];
var tldiv=document.createElement('div');
brdiv.className=brdiv.className.replace('rounded','');
tldiv.className='rounded';
brdiv.parentNode.replaceChild(tldiv,brdiv);
trdiv=document.createElement('div');
bldiv=document.createElement('div');
tldiv.appendChild(trdiv);
trdiv.appendChild(bldiv);
bldiv.appendChild(brdiv);
}
}
window.onload=makeRounded;
</script>
zatim u body-u napravis sledece:
Code:
<center>
<div class="rounded">Sadrzaj ide ovde Sadrzaj ide ovde Sadrzaj ide ovde Sadrzaj ide ovde</div>
</center>
I evo time si dobio da ti je pravougaonik sa zaobljenim ivicama, jedino ti moras da
nacrtas te zaobljene coskove i da ih stavis u isti direktorijum sa indexom.
Mess with the best die like a rest!!!