Table hack to CSS — OZONE Asylum, home of the Mad Scientists

Table hack to CSS

This page's ID: 22213

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	Don't load it into a frame. I don't see how you did the CSS for layout. If you want to get into doing CSS layouts just forget the table exists. Start with a blank template file (use XHTML) [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>The Page's Title</title> <style type="text/css" media="all"> body{ } #head{ } #menu{ } #content{ } #foot{ } </style> </head> <body> <div id="head"><h1>Page's Title Area</h1></div> <div id="menu"> <ul> <li><a href="#">Item 1</a></li> <li><a href="#">Item 2</a></li> </ul> </div> <div id="content"> <h1>Content</h1> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc ornare orci ac magna mattis tincidunt. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas non libero. Suspendisse potenti. Nullam tincidunt nisl et lectus. Quisque posuere. Suspendisse dapibus dignissim risus. Donec quis ante mollis magna posuere porttitor. Sed massa lorem, porta ut, eleifend id, placerat id, mauris. Duis facilisis nisl. Nulla sagittis, sapien at convallis molestie, ligula felis viverra turpis, eu malesuada nisl arcu a odio. Aliquam ac nibh. Quisque vehicula lorem eget tortor. Aenean molestie, magna sed tristique iaculis, leo dolor iaculis ante, vitae hendrerit sapien felis eget tellus. Morbi non turpis. Suspendisse vestibulum, ligula a porttitor placerat, lectus sapien venenatis elit, nec aliquam nulla nunc in dolor. In non nisl. Mauris semper, nisl non convallis aliquet, erat tellus rhoncus lacus, et consectetuer felis velit vitae lectus.</p> </div> <div id="foot">@copy; My Site 2004</div> </body> </html>[/code] The above is a nice starting template, it is a clean slate with only minor structural elements, and you can easily start working the CSS to get the desired template or style. This is how I start doing the layout for most of my sites. Once you have the layout done and tested you can then move on to chopping the page up into your template files, adding in the necessary meta information, along with working in your other style sheets as needed and what not. Starting off your design using tables and not doing thing the CSS way from the beginning is just begging for some problems. If you start off correctly you will not have a hard time doing things the "right" way. You might want to check out http://www.bluerobot.com http://www.glish.com/css These sites have a good number of pre-packaged layouts, which can make things a whole lot easier when starting out. [url=http://www.codetown.org] [img]http://www.codetown.org/i/sig/robot_002.gif[/img] [/url] [small](Edited by [internallink=191]WarMage[/internallink] on 06-17-2004 16:25)[/small] Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Show Forum Drop Down Menu