PDA

View Full Version : Round Corner Div


indianleo
06-19-2009, 01:03 PM
Hi this is my coding

and pls see the problem attached

not getting proper round corner box

<div class="t"><div class="b"><div class="l"><div class="r"><div class="bl"><div class="br"><div class="tl"><div class="tr">
Lorem ipsum dolor sit amet consectetur adipisicing elit
</div></div></div></div></div></div></div></div>

.t {background: url(../images/dot.gif) 1px 0 repeat-x; background-color:#fff1a8;}
.b {background: url(../images/dot.gif) 0 100% repeat-x}
.l {background: url(../images/dot.gif) 0 15px repeat-y}
.r {background: url(../images/dot.gif) 100% 0 repeat-y}
.bl {background: url(../images/bl.gif) 0 100% no-repeat}
.br {background: url(../images/br.gif) 100% 100% no-repeat}
.tl {background: url(../images/tl.gif) 0 0 no-repeat}
.tr {background: url(../images/tr.gif) 100% 0 no-repeat; padding:10px}

MagicPower
06-19-2009, 01:37 PM
is that the header ur trying to have the rounded corners on. if so u r betta off creating it in a graphics editor and then export it in Dw create a #header div and use that image as the bg for #header

indianleo
06-22-2009, 09:12 AM
Sorry didnt get u

MagicPower
06-23-2009, 10:05 PM
if you are trying to achieve rounded corners, Lets say for example you want your header to have rounded corners, then design your header in a Graphics editor, export your image into Dw then create a new div use that exported image with the rounded corners as the background for that new div. If i still don't make sense let me know n i'll post you a quick tutorial on what i mean.