troubleshooting Question

put a border around a css box and add a title

Avatar of isnoend2001
isnoend2001Flag for United States of America asked on
CSS
8 Comments1 Solution448 ViewsLast Modified:
i am attempting to create a css rectanglar Box with a title that looks like this:
http://roofgenius.com/roofmaterialchoices.htm"]the box contains 2 rows of hyperlinks.
i have been unable to put a blue border around the whole box
and the box title is not actually part of the box.it just is located directly on top of the box.
This is probably not the proper way, especially when I move the boxes location to the middle of the page.
how can i do this ?


 
<div id= "Menutitle" style="width: 343; height: 28">
<span class="BfontWhite12">Pros and Cons of popular roofing materials.</span>
</div>
<div style="border:1px #0066cc; width:343px;">
        <div style="background-color:#eee; float:left; width:50%;">
            <div><a href="../roofmaterialchoices.htm#comp">Composition Shingles</a></div>
            <div><a href="../roofmaterialchoices.htm#shake">Wood Shakes</a></div>
            <div><a href="../roofmaterialchoices.htm#clay">Clay Tile</a></div>
            <div><a href="../roofmaterialchoices.htm#slate">Slate Roofing</a></div>
        </div>
        <div stYle="background-color:#eee; float:left; width:50%;">
            <div><a href="../roofmaterialchoices.htm#concrete">Concrete Tile</a></div>
            <div><a href="../roofmaterialchoices.htm#metal">Metal Roofs</a></div>
            <div><a href="../roofmaterialchoices.htm#hotmop">Hot Mop Roofing</a></div>
            <div><a href="../roofmaterialchoices.htm#closing">Be wary !</a></div>
        </div>
        <div style="clear:left;"></div>
    </div>

The css
#Menutitle {
	width:345px;
	padding:3px;
	background-color:rgb(0,102,204);
	line-height:17px;	
	}
ASKER CERTIFIED SOLUTION
Adrian Crabtree

Our community of experts have been thoroughly vetted for their expertise and industry experience.

Join our community to see this answer!
Unlock 1 Answer and 8 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 8 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros