Hows this one? — OZONE Asylum, home of the Mad Scientists

This page's ID: 10437

Edit Post

Who can edit a post?	The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	"[i]you must let go your conscious self...[/i]" Hehe... Well, basically you need to look at it in terms of blocks. You've got one block across the top with your image. You've got another block the same width below that holding your content So, Since your image is one big block, you don't have to bother wrapping that in a <div> or anything. You aren't centering, and you have a set width on your content block, so there's no fiddling to do with that. I would set up a class "main". Set it's width to 700px, add a margin, set padding to 0. In the <img> tag for your logo, set the class to "main". You can also set up a class for "border-yellow" (or whatever) with a specification for a 1px solid border of your chosen yellow. In the main content <div>, you can specify the class as follows: <div class="main border-yellow"> And this will apply the styles from both the "main" and "border-yellow" classes to that <div>. Inside, you have one box going across the top - I'd give that an id of "nav" and set it to the appropriate width and border and all. Then I would specify how links inside that div should look (nose through the other style sheet to see hwo I did it there). Then you have you have two columns. I would set up two container <div>'s both with a "float:left;" specified, and with widths set appropriately (you'll have to see how much of the width is taken up by margins and padding, etc.) I would then set a class to use for all of the individual boxes inside each of the two columns (perhaps a "content" class with all the spec such as colors, fonts, margins, etc, and then a "content-left" and a content-right with just the widths specified - do it like above <div class="content content-left"> or somthing similar...). Then you have more content that spans those two columns. To avoid problems from the earlier "floats", make a class in your style sheet ".clear" with the spec "clear:both;" Then add a simple <br class="clear"/> after the two floated <div>'s. Add your content in after that. That, in a nutshell is how I would do it. Feel free to ask about any specifics.... =) Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Show Forum Drop Down Menu