I have been looking for the least code intensive most practicle way to accomplish rounded corners; I seem to have found that having the corners rendered by css is not going to work in IE; am I correct?....if thats the case then I suppose I shouldnt even bother using those methods since IE is preaty much the standard..yada yada yada.....so I suppose other then the obvious easy way of redefining my td tag and using -moz-border-radius: 12px;
which is the next BEST method to having rounded coreners
Here is using the -moz-border-radius: 12px; method
treepop.com (<!-- m --><a class="postlink" href="http://treepop.com">http://treepop.com</a><!-- m -->)
td {
background-attachment: scroll;
background-repeat: no-repeat;
background-position: center center;
border: thin solid #000000;
background-color: #663333;
-moz-border-radius: 12px;
}http://www.albin.net/CSS/roundedCorners/wow; thats a tid bit far from simple; but thanksOriginally posted by treepop
wow; thats a tid bit far from simple; but thanks You want simple? Stick with squares.
you can also do it with nested divs, giving each a different background (corner)You can do it any way you like...it seems like this is leading us back to using markup for presentation though.Originally posted by Triumph
You can do it any way you like...it seems like this is leading us back to using markup for presentation though.
I agree; thanks all for you answers; for I am sure this has been asked countless times before.Well....couldnt I create a gif where my content would lie; with rounded images?...or is that to bandwidth intensive? I hope I make sense....say I wanted my content area to be a gradient of blue to grey; I could round the edges of my backround...correct? I am sure this is nothing revelationary; but is it practicle?
which is the next BEST method to having rounded coreners
Here is using the -moz-border-radius: 12px; method
treepop.com (<!-- m --><a class="postlink" href="http://treepop.com">http://treepop.com</a><!-- m -->)
td {
background-attachment: scroll;
background-repeat: no-repeat;
background-position: center center;
border: thin solid #000000;
background-color: #663333;
-moz-border-radius: 12px;
}http://www.albin.net/CSS/roundedCorners/wow; thats a tid bit far from simple; but thanksOriginally posted by treepop
wow; thats a tid bit far from simple; but thanks You want simple? Stick with squares.
you can also do it with nested divs, giving each a different background (corner)You can do it any way you like...it seems like this is leading us back to using markup for presentation though.Originally posted by Triumph You can do it any way you like...it seems like this is leading us back to using markup for presentation though.
I agree; thanks all for you answers; for I am sure this has been asked countless times before.Well....couldnt I create a gif where my content would lie; with rounded images?...or is that to bandwidth intensive? I hope I make sense....say I wanted my content area to be a gradient of blue to grey; I could round the edges of my backround...correct? I am sure this is nothing revelationary; but is it practicle?