Jump to content


Photo

How do you manage your layout?


  • Please log in to reply
11 replies to this topic

#1 pedrobcabral

pedrobcabral
  • Members
  • PipPipPip
  • Advanced Member
  • 108 posts

Posted 12 October 2006 - 06:18 PM

Sorry if this question has already been posted here before. I made a search for "layout/manage" but this is a Design/Layoutt thread so there are lots of topics with that word.

The question is, how do you guys manage to do your layout when starting a website project? What do you prefer to use: Tables? Layers? The "DIV" thing?

I'm making this question because I have ever used tables with border 0, and a little CSS. While I was searching the web from some templates I saw that thing DIV and Layer which I had never seen before  :o:o:o:o:o:o

- Could you tell some few words about this? Pros/Cons about each way.

Thank you.

#2 roopurt18

roopurt18
  • Staff Alumni
  • Advanced Member
  • 3,749 posts
  • LocationCalifornia, southern

Posted 12 October 2006 - 07:40 PM

CSS seems to be the norm these days.
PHP Forms : Part I | Part II

JavaScript: Singleton

http://www.rbredlau.com

#3 pedrobcabral

pedrobcabral
  • Members
  • PipPipPip
  • Advanced Member
  • 108 posts

Posted 12 October 2006 - 07:53 PM

I was talking about the places where you put the 'content', pictures/text..

#4 redbullmarky

redbullmarky
  • Staff Alumni
  • Advanced Member
  • 2,863 posts
  • LocationBedfordshire, England

Posted 12 October 2006 - 08:03 PM

in a basic nutshell: layers (<div> tags positioned and styled by CSS) are often much trickier to set up, but make it easy to do some pretty drastic changes to a sites layout if required. tables on the other hand are the reverse. they are very easy to set up, but tricky when it comes to modifications. also tables are slower to draw for most browsers than layers are.

several months ago, i decided to make a site purely using CSS + layers. nothing complex, mind - just a nice, simple XHTML Strict site with a handful of pages. To say it was easy would be a lie, but i'm pretty chuffed i went down that road. once you get used to css, you realise how flexible things can be and how much more you can do.

i'm not gonna harp on about how tables are for tabular data and how layers are for layouts, as there's no getting away from the fact that tables can be a nice quick way of putting a page together - or organising forms (i still use tables for non-tabular data occasionally). but i'd strongly recommend taking the time out to learn about layers (<div>) and CSS and pretty much guarantee you wont look back.
"you have to keep pissing in the wind to learn how to keep your shoes dry..."

I say old chap, that is rather amusing!

#5 roopurt18

roopurt18
  • Staff Alumni
  • Advanced Member
  • 3,749 posts
  • LocationCalifornia, southern

Posted 12 October 2006 - 08:25 PM

Generally you're going to have 3 to 5 conceptual pieces on your pages.  There will be the logo / banner, the footer, the navigation area, and the main content block.  Every page will use that basic layout that has the same html and same stylesheet.

What you want to do is determine which pieces of that content are going to change during someone's use of your site.  The content is obviously going to change.  The navigation might change as well after someone logs in or out.

The pieces that are dynamic, or changing, are replaced in your template html file with slugs like {CONTENT} or {NAV_MENU}.  Each page in your site opens this template file, builds appropriate content, and then replaces the slugs with the end result.

$html = file_get_contents(TEMPLATE_FILE);
// build content into $content
$html = str_replace("{CONTENT}", $content, $html);
// build the nav menu into $nav_menu
$html = str_replace("{NAV_MENU}", $nav_menu, $html);
PHP Forms : Part I | Part II

JavaScript: Singleton

http://www.rbredlau.com

#6 pedrobcabral

pedrobcabral
  • Members
  • PipPipPip
  • Advanced Member
  • 108 posts

Posted 12 October 2006 - 09:36 PM

That's what I wanted to read. Thank you.

#7 anatak

anatak
  • Members
  • PipPipPip
  • Advanced Member
  • 406 posts
  • LocationJapan, Fukuoka prefecture, Kitakyushu City

Posted 23 October 2006 - 05:23 AM

If you want to get into the DIV thing
this is a good site to start I think (I didn't take the step yet)

http://css.maxdesign...ntroduction.htm

EDIT fixed link
takasi.8008@docomo.ne.jp
tourokum@0508.jp

#8 RDFrame

RDFrame
  • Members
  • PipPip
  • Member
  • 15 posts

Posted 30 October 2006 - 05:06 AM


I definately go CSS these days.  What used to take me an hour to do with HTML tables now only takes a couple minutes. :)

Matt


#9 c4onastick

c4onastick
  • Members
  • PipPipPip
  • Advanced Member
  • 216 posts

Posted 03 November 2006 - 05:48 AM

Any other good suggestions on where to start looking for CSS tutorials for total site layout. I understand the basic elements, but I'm not sure I see the big picture. I spent for ever getting nested tables working to make my site, I'd love to learn CSS.
Regex Tester::Unicode Regex::PHP Function List::MySQL 5.1
"Sorry sweetheart... but this all day sucker is down to the soggy white stick." -- Topper Harley

#10 c4onastick

c4onastick
  • Members
  • PipPipPip
  • Advanced Member
  • 216 posts

Posted 03 November 2006 - 11:59 PM

Any other good suggestions on where to start looking for CSS tutorials for total site layout. I understand the basic elements, but I'm not sure I see the big picture. I spent for ever getting nested tables working to make my site, I'd love to learn CSS.

I'll go ahead and reply to myself, :D. I found a great page with some great examples of css layouts, as well as a "hack" for the IE5x compatability problem.

http://www.glish.com/css/home.asp
This is what I was looking for. Looks pretty easy to implement. And much easier to change than table layouts.
Regex Tester::Unicode Regex::PHP Function List::MySQL 5.1
"Sorry sweetheart... but this all day sucker is down to the soggy white stick." -- Topper Harley

#11 c4onastick

c4onastick
  • Members
  • PipPipPip
  • Advanced Member
  • 216 posts

Posted 08 November 2006 - 02:37 AM

Anyone else have any good tutorials to get a good, fluid, table-like layout set-up? I've been wrestling with a CSS layout for my page to replicate the table layout I have going but not getting any closer...
Regex Tester::Unicode Regex::PHP Function List::MySQL 5.1
"Sorry sweetheart... but this all day sucker is down to the soggy white stick." -- Topper Harley

#12 bqallover

bqallover
  • Members
  • PipPipPip
  • Advanced Member
  • 111 posts
  • LocationLeeds, UK

Posted 09 November 2006 - 02:35 AM

I use only CSS for layout.  It's much better for accessibility as you can lay things out conceptually in code.  Screen-reading software can speak the page sensibly and you have very good control over where things go visually.

Having said that, CSS compatibility amongst browsers can be a total nightmare and one I generally bump into on every project.




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users