www.computersforpeople.net — OZONE Asylum, home of the Mad Scientists

www.computersforpeople.net

This page's ID: 21483

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	CSS does take away table dependencies. You don't need them for your layout and you would logically structure your page, and then use all CSS to model it. Lets go with a little primer here. With your page you basically have (should have) only 4 sections. 1. Head 2. Menu 3. Content 4. Footer In your current design you still insist on having two menu's which is still competely and totally confusing. So I am going to ignore that you are using two menus. So you will then have a basic HTML (xhtml) structure that would resembel the following. [code]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Computers For People</title> <style type="text/css" media="all">@import "/style.css";</style> <meta http-equiv="Content-type" content="text/html; charset=UTF-8"/> </head> <body> <div id="head">Header Markup</div> <div id="menu"> <ul> <li>menu item 1</li> ... </ul> </div> <div id="content"> content markup </div> <div id="foot"> foot markup </div> </body> </html>[/code] With this design you then only use basic markup items for all the different sections. For example my header content would be something like this. <div id="head"><h1>Computers For People</h1></div> my css to display this would be. #head { position: absolute; top: 10; left: 10; background: url("title.jpg") white no-repeat top left; width: 468px; height: 60px; } #head h1 { display: none; } Or something like that. You might not be able to get away with the display: none in the #head h1 attribute tree, you might need to add a span around the h1 attribute to make things show up, but my instincts show me that this should work. Your design if you ditch one of the menus is either a basic top down design - head on top of menu on top of content on top the footer - or a standard two column with a header and footer. The first is really easy to do with CSS, and the second is almost as easy, but there are variations on how you might go about it. I now want to give you some awsome links. 1. [url=http://www.csszengarden.com/]CSS Zen Garden[/url] this site shows you how completely flexible CSS allows you to be. 2. [url=http://www.bluerobot.com/]Blue Robot[/url] a great place to go to see how to do CSS layouts. Hope you have fun. Good luck, [url=http://www.codetown.org] [img]http://www.codetown.org/img/sig/robot_002.gif[/img] [/url] [small](Edited by [internallink=191]WarMage[/internallink] on 05-04-2004 06:59)[/small] Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Show Forum Drop Down Menu