Tables or CSS?

bee_bo · #1 Jun 28th, 2006, 09:18

Hi guys,

After getting acquinted with DW, i've decided it just doesn't give me the control that i want over the pages that i'm creating, so i've opted for the handcoding option.

I've only just started learning HTML and was wondering wherher I should learn how to create my layouts first with tables (because at the minute that's what i'm used to) and then learn CSS, or to just jump in the deep end with CSS?

Thanks for your help,

Bee

Legacy_Staff · #2 Jun 28th, 2006, 09:48

spinal007 · #3 Jun 28th, 2006, 10:21

CSS. The list of reasons is huge, and you'll find out for yourself soon enough

bee_bo · #4 Jun 28th, 2006, 10:55

hey thanks,

be sure to find me with plenty of questions in the CSS forum soon then!

Bee x

mreine · #5 Jun 29th, 2006, 07:56

CSS without question.

Just be sure to pad your monitor, wear a helmet, have some ibuprofen and band-aids handy and have plenty of spare keyboards available during your learning period.

minute44 · #6 Jun 29th, 2006, 10:19

Quote:

Originally Posted by mreine

CSS without question.

Just be sure to pad your monitor, wear a helmet, have some ibuprofen and band-aids handy and have plenty of spare keyboards available during your learning period.

ROFL!!!!

It's not that stressful but yeah, you will be throwing some tantrums!!!!

boscomilo · #7 Jun 29th, 2006, 14:49

I built a complete site using tables. It was okay but a complete nightmare everytime I wanted to change something, repeating everything for each page. Then I learned CSS and completely rebuilt the site, realising that i should have made the effort earlier and saved myself a lot of time and effort.

No question about it. Get your head around CSS and avoid the hassle of tables.

Dan Williamson · #8 Jul 1st, 2006, 22:20

CSS for webpage layout styling and tables for tabular data, this argument has been had many times, in which all the time I think CSS wins as it is more cross-browser-compatible and runs quicker, as long as you can be assed to overcome some IE issues.

sypher · #9 Jul 1st, 2006, 23:30

IE 5 has some problems with css2 features, but other than that your fine

tmeyer45458 · #10 Jul 2nd, 2006, 05:33

Try this site on for size: http://css.maxdesign.com.au/listamatic/ . I've found that [usually] most of my time is spent on tweaking css based menus not layouts. The listamatic tutorials and source code will save you tons of time. Just be sure to look at the tutorials before you copy/paste. All the code is open source...it just helps to know how it works

Coty Skaj · #11 Jul 3rd, 2006, 08:36

Quote:

Originally Posted by mreine

CSS without question.

Just be sure to pad your monitor, wear a helmet, have some ibuprofen and band-aids handy and have plenty of spare keyboards available during your learning period.

Come on now it isn't that extreme. Okay, well I'm going to try and show you an example of the differences in coding in CSS and using HTML tables to make a layout.

Here is what a simple coding in HTML would look likei if you just wanted one table (LOL)

Code: Select all

<html>
<head>
<title>Your page title</title>
</head>
<body bgcolor="white">
<table style="background-color:transparent;border: 1px solid darkblue;">
<tr>
<td>Dumb</td>
<td>using</td>
<td>tables</td>
</tr>
</table>
</body>
</html>

Or you could use CSS

Code: Select all

<html>
<head>
<title>Title of page</title>
<style type="text/css">
body {background-color:white;
         background-image:url("Url to image");}
/* You can use Id or class but if you use class you must put . in front ofthe element that you are chaning instead of # you will learn more once you get into CSS. Its really not that much more in way. If you could learn HTML you should have hardly any trouble if at all learning CSS atleast I didn't */

#table1 {background-color:transparent;
            background-image:url("Url of image");
            border: 1px solid darkblue;
            height:300px;
            width:300px;
            overflow:auto;
             z-index:1;
             position:absolute;
             left:200px;
             top:300px;}
</style>

<body>
<div id="table1">Content of  that table goes here</div>
</body>
</html>

I may be out of context just a bit for I am laying in my bed and typing laying down and very tired. But you should get the main idea.Yes, I would definitely consider learning CSS a must and also before you move onto anything else, because it doesn't get any easier. If you consider CSS to be imposssible for you then I would probably suggest finding a different career if your career is in Web Design no offense. I hope I helped. Here is a great site for learnig almost anything for Web DEsigncoding. www.w3schools.com although you probably have already been there. Well see ya 1!!!

bee_bo · #12 Jul 3rd, 2006, 10:58

Thought that was the case, web design is something i'm interested in learning at the min. Don't worry, i will get the hang of it and not scared of any keyboard bashing that may result!

Thanks for all your help, anymore more tutorial sites would be helpful but already got a few tucked up in my favourites list to get through,

Bee x

bee_bo · #13 Jul 3rd, 2006, 11:05

Quote:

Originally Posted by Dan Williamson

CSS for webpage layout styling and tables for tabular data, this argument has been had many times, in which all the time I think CSS wins as it is more cross-browser-compatible and runs quicker, as long as you can be assed to overcome some IE issues.

I already knew this but i was just after an opinion as to what to learn first

Albert_chu · #14 Jul 4th, 2006, 08:53

tables were first used for tabular data rather than being used as a form of website layout, so go with CSS.

Lyncho · #15 Jul 5th, 2006, 21:16

You might want to check out www.htmldog.com for some great tutorials, that's where I learnt.

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
Tables or CSS?