Help - Search - Members - Calendar
Full Version: Table-free Layouts?
Zymic Webmaster Forums > Web Design & Development > General Web Design Discussion
Jetteh22
Okay... Since I've always used tables for my layouts I'm really curious as to what a table-free layout is like.

Does this mean that the entire layout is done by CSS and div's, and there are no tables in it at all?
Luke Spragg
QUOTE(Creactive Online @ Apr 1 2008, 02:49 AM) *
Okay... Since I've always used tables for my layouts I'm really curious as to what a table-free layout is like.

Does this mean that the entire layout is done by CSS and div's, and there are no tables in it at all?

Pretty much.
Jetteh22
Heh.. I may be getting pretty good with damn php but i know poo about divs and css tongue.gif

Guess i'll stick to my table layouts for now.
Luke Spragg
QUOTE(Creactive Online @ Apr 1 2008, 03:20 AM) *
Heh.. I may be getting pretty good with damn php but i know poo about divs and css tongue.gif

Guess i'll stick to my table layouts for now.

Have you tried using TopStyle? It's a really use CSS program that I have used before.
Jetteh22
Hm

Well, that just looks like a CSS/HTML editor.. I use PSPad for all my editing (has a CSS editor in it too). I know CSS but i havn't a clue how to light everything up perfectly to make the site look good still, with all the images, ect.

I'm not good at designing websites - that's why i'm glad photoshop/imageready does it for me biggrin.gif
wozzym
im just better at creating more of the content of the site. the art part isnt my strength
Banjo
QUOTE(wozzym @ Apr 1 2008, 01:51 PM) *
im just better at creating more of the content of the site. the art part isnt my strength


Same with me lol. I can't design layouts but i can do the content and code it (just).
Jetteh22
Ditto, you two.

Sigh.. Maybe I'll get my brother to make me a website layout he's always been pretty good at that kinda stuff (but not the coding and content)
Paradoks
Im a swell designer, but im not so great with coding, i know enough to do what i want to do most of the time. :-) but a table less layout looks like ,

CODE
<div id="header"><img src="images/image" /> </div>
<ul id="navigation">
  <li>Home</li>
  <li> Link </li>
  <li> link </li>
</ul>
<div id="container">
     <div id="left">
          //Content goes here
     </div>
     <div id="Middle">
           //content here
     </div>
     <div id="right">
          //content here
     </div>
</div>

Thats basically the HTML,
the CSS would look like
CODE
#header {
background: url(images/bg.jpg) repeat-x;
Text-align: left;
}
ul#navigation {
background: url(images/nav.jpg) repeat-x;
color: #000000;
text-align: center;
padding: 0px 0px 10px 0px;
}
ul#navigaton li {
background: url(images/rollover);
}


I guess you get the idea?
Jetteh22
Yes smile.gif I know biggrin.gif

Thank's so much though - I actually JUST finished my tableles layout right hwne you posted that..

It's extremely easier than table layouts, i just thought it would be more complicated.
Nexus
I myself am more of a designer than a coder - or at least I'm trying to be. I can't code for bloody shit and have actually managed to complete my first layout made out of CSS and DIVs, which I'm rather happy about.
Jetteh22
Hey, Nexus - ME TOO! tongue.gif

I just did my first and converted from my old layout to my new one: http://www.creactiveonline.com is the site biggrin.gif
wozzym
i think the new one looks alot better smile.gif but you still need content on your homepage wink.gif
Jetteh22
Pfft, who needs content?

Haha, jk, working on that now actually. ohmy.gif
Paradoks
I dont know the layout still looks odd, i suggest using the font verdana, and if you need a layout i could make you a free one in PSD form if you want... my aim is Cjet323.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2012 Invision Power Services, Inc.