Run for the border!

liunx

Guest
Around your text elements that is.
Well not just the h1 and h1 etc. type stuff. I would like to know how to get a thin border around the gray text area of my page. And the middle bar as well. I may or may not stick with it but I would like to know what I need to do to make it happen or even if it's possible.
And is it possible to put rounded corners on the gray text area? Without messing up what I have going already. I know some may look at the page and think "Uggh why did you do that or do this??" But I think compared to how it looked before it's quite an improvement.
Anyway if anyone could give me the correct coding to make the thin borders around things and if I can do rounded corners and incorporate it into the code I have used on the page so far I would surely appreciate it :)
Here is the link:
Graphic Ills (<!-- m --><a class="postlink" href="http://www.graphic-ills.com">http://www.graphic-ills.com</a><!-- m -->)http://www.w3schools.com/css/css_border.aspVanda

If I get what you mean, the borders bit is straightforward, just add a border declaration to your containing divs - border: 1px solid #666666;, slice-03 and 06 in your case.

Now rounded is another ball game and I have not found anything to work across browsers, even for a specific browser it is not that easy. Unless someone out there has found something. If so please let us know!

AsinoStart here: <!-- m --><a class="postlink" href="http://www.alistapart.com/articles/customcorners/Thanks">http://www.alistapart.com/articles/customcorners/Thanks</a><!-- m --> guys
I wasn't sure if it could be done with the divs. I will give a whirl and see if I can get it to work.Yay it worked! I think it makes it look a bit more finished too. Thanks Asino.
 
Top