Forum Moderators: open

Message Too Old, No Replies

How do I create fancy content boxes like on ms site.

         

midi25

4:41 pm on Feb 5, 2005 (gmt 0)

10+ Year Member



Hi how do I create divs with borders and rounded egdes. I want to be able to insert my test in them. Sort of similar as you seen on MS site.

Do you know any online turotials. etc.

Thanks.

dom86

5:42 pm on Feb 5, 2005 (gmt 0)

10+ Year Member



CSS Tutorial [w3schools.com]


<style type="text/css">
.ms-looklike
{width: 230px;
border-top: 1px solid red;
border-bottom: 1px solid red;
border-left: 1px solid red;
border-right: 1px solid red;}
</style>

<body>
<div class="ms-looklike">menu</div>

I think I have the above code right not sure rushed though it.

MatthewHSE

9:57 pm on Feb 6, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



For rounded edges, you'll need to use background images. A List Apart had a good article about this awhile back called "Mountaintop Corners."