Tables or CSS? (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets and Accessibility



Message


_gail -> Tables or CSS? (5/12/2003 7:32:36)

I' m still using only tables for page layout? Should I be? Are you?

Will some of my clients come back to me in a year or two and ask why they paid good money for " old" technology?

gail




erinatkins -> RE: Tables or CSS? (5/12/2003 11:17:04)

Gail,

I have sites with tables others using CSS.

Here are some articles on why to use & how:
http://www.evolt.org/article/Tables_or_CSS_Choosing_a_layout/25/21429/
http://wdvl.internet.com/Authoring/Style/Sheets/Positioning/Toss/
http://www.greenspun.com/bboard/q-and-a-fetch-msg.tcl?msg_id=007Nwo
http://glish.com/css/
http://www.sitepoint.com/article/379

If the site you created is doing what they want I can NOT see them coming back & saying you are using old technology.

I have seen some of the things you have done & I do not think you need to worry.[:D][:D]
Erin




abbeyvet -> RE: Tables or CSS? (5/12/2003 12:00:48)

One point to bear in mind is that many of those articles, and many of the articles on the web about CSS in general, were written in early 2002 or in 2001. Things have changed a good deal since then.

At that time IE 5 was the most up ot date browser, NN7 had not been released and Mozilla, Konquerer, Opera etc were all a much smaller part of the browser scene than they are now. In other words support for CSS layouts was way more patchy than it is now.

It is still not perfect, but the number of people using NN4 has decreased considerably and general browser support for CSS has greatly improved.

I don' t think there is any reason why clients should come back at you, as Erin says, they are happy with their sites and their sites work and for the foreseeable future will continue to work.

BUT I do think that, like it or not, everyone needs to start accepting that using tables for layout is no longer the best way we have at our disposal to layout pages. We are going to have to grapple with CSS layouts sooner or later and there are compelling reasons why it should be sooner.

These are my reasons for more or less completely moving to css layouts:

1. Because CSS means better accessability

Using CSS does NOT mean your site will be unusable in older non CSS compliant browsers. That is one of the beauties of CSS, if the browser does not understand something, it ignores it. OK, it will not be very pretty, but it will be usable.

And that is the key - using CSS means that a site, the same site, same pages, same code, can be accessable and usable to those using special adapted browsers, hand held devices, in fact pretty much anything to view the site.

2. Because Standards Compliance MATTERS!

It is not some esoteric aspirational thing - it matters to us all. How often have we lamented the fact that what works in one browser will not in another etc etc? Well, if we do not support the standards, by using them and working with them, then we have only ourselves to blame.

3. Because it is more efficient.

CSS is a marvellous tool for the lazy! [;)]

A site created with a CSS layout can be totally, and I mean totally, redesigned in next to no time, just by changing one file, the style sheet.

As an example of this I had a site recently, pretty far into constuction with maybe 40-50 pages in existence, when the owner said, " You know I think it would look so much better if everything that is on the right side of the main text on the pages was swapped with the stuff on the left sde."

So in less than a minute, by editing the style sheet, I swapped them, on every page. The owner hated it, so a minute later I had swapped them back.

No big deal - but try that with tables! Once you get used to laying out pages with CSS, doing it with tables seems impossibly confined and rigid, CSS spells freedom!




Yes, there is a learning curve and a steepish one, especially if you are not comfortable with HTML or basic use of CSS; no, FrontPage (or any other editor I know of) will not do it for you; and no, sites laid out with tables are not about to become unusable any time soon.

We tend to forget how new the Internet is, how quickly it has changed and developed and will continue to change. Tables as a tool for layout were never really anything more than a clever workaround, they were never intended to be used that way but the rapid and wide adoption of the web meant that in the absense of any other way of making pages pretty they were the best tool available. Now they are not the best tool available, CSS is. The use of tables for layout, in the longer term, will most assuredly become obsolete and the time when we used them will represent no more than a blip on the radar, a brief period when we had to make do with a less fully developed standard.




erinatkins -> RE: Tables or CSS? (5/12/2003 12:10:06)

Katherine,

As always you made some very excellent & informative points about this. [:D][:D]

I always learn something from your posts!

Erin




_gail -> RE: Tables or CSS? (5/12/2003 18:49:09)

quote:

I do not think you need to worry.


Well, thank you Erin. I don' t think it' s so much a matter of worry than resposibility, which I believe one has when you receive compensation for your work. If this is the way things are heading, I don' t think it can be ingored by web designers until it' s upon us.

I' m curious, though, what are the determining factors when deciding if you make a site with tables, or a site with css? You said you use both.


quote:

Yes, there is a learning curve and a steepish one


[:o]

How steep is steep? Where does one begin to nibble, and I mean nibble? Would purchsing a good css 1 & 2 creation utility be a good place to begin learning for someone who knows nothing about css2, using it as sort of a tutorial?

As you both know, I took a web programming course last year and they almost snickered when I said the class should teach more about css. " You can get a program to do that" said the head of the computer department. [:j]

gail




erinatkins -> RE: Tables or CSS? (5/13/2003 9:19:31)

Gail,

To be honest I only started using some css in the last year - when I bought some templates that had css & I had to make some changes to them. Making changes by using a CSS is great.

Because of this I have started to learn more about CSS & have been playing with it more.

Why I say I am using both. Since I have some customers who come in & say they like this design & only have X $' s & it is templates I know - I will design site based on it. I am not going to redesign site to use CSS when they do not have $.

Other times someone will come in & say they saw this site & would like something similar. Depending on design I may not use a CSS if only a few pages.

Other sites that are large - need a CSS or it would take forever to make a change.

I think part of the reason I use both is because I am use to tables & they are easy to work with most of the time.

CSS has taken up quite a bit of time & I still feel I do not know all of it. [:@][:@] It is harder than basic design.

Some css links I have used:
http://www.w3schools.com/css/default.asp
http://www.westciv.com/style_master/academy/css_tutorial/
http://www.mako4css.com/Basics.htm


If you find any good ones let me know - maybe we can learn more together. :-) I should use more often.

Thanks
Erin




pageoneresults -> RE: Tables or CSS? (5/13/2003 14:29:17)

Definitely CSS!

I noticed a comment above that said css was more difficult than basic design. That all depends on your perspective. If you' ve been designing with tables for years, then yes, making the transition to css does have a learning curve.

But, once you pass the learning curve, you will never look back. Don' t think just because you design using css that tables are not an option. There are many instances where tables are required (i.e. tabular data). The css required to recreate tabular data may be twice as much code as using tables themselves. You can minimize the amount of table code by utilizing css to control certain attributes of your tables. Background colors, borders, padding, margins, text-alignment, font-size, etc. are all attributes that can be controlled through your css file(s).

I just converted a framed site that had tons of tables into a pure css site. The only area where we use tables is for tabular data and forms. It took me approximately 20 hours to do the conversion. In the process I was optimizing, reformatting and adding pizzazz throughout the site. The client could not believe the transformation. We ended up with a total of 30+ pages and only one of them took 15 seconds to load on a 56k connection. The rest of them are at 9 seconds or less. Yes, the site does use graphics and a host of css to achieve what many others would use graphics for.

If you are a serious web designer and looking to stay ahead of the competition, you will learn css today. You will build a site and start testing your css skills so that you can hone them over time. Starting off with basic css is the best route. Strip all those font tags and convert them to external css...

body, div, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, select, td, textarea, tr, ul{font-family:verdana, arial, helvetica, sans-serif;font-size:13px;line-height:16px;}

Strip all those font colors and convert them to css...

body{color:#000000;background:#ffffff;}
span.blue{color:#336699;background:transparent;}
span.red{color:#ff0000;background:transparent;}

Strip all of the basic html presentational markup and place it into your css. You will then need to go through the site and reapply the new styles where applicable. You will no longer use the formatting buttons in FP. You will now use the formatting dropdown menu at the left and select your classes (formatting) from there.




Eli -> RE: Tables or CSS? (5/13/2003 14:49:57)

i hate to share my ignorance but before i read this thread I thought css was an option. Now I' m thinking its a vital part of web design that I' ve missed.

Thanks for the kick into reality




_gail -> RE: Tables or CSS? (5/13/2003 15:01:27)


quote:

ORIGINAL: Micah

i hate to share my ignorance but before i read this thread I thought css was an option. Now I' m thinking its a vital part of web design that I' ve missed.

Thanks for the kick into reality


Well, Micah, reality is why I asked the question. To some extent I knew the answer already having discussed it recently with another web designer.

I haven' t heard much talk about css for page layout in these forums lately and wondered if we were doing ourselves a disfavor. Because many of us have paying clients is why I chose to ask the question in the Business forum.

gail




pageoneresults -> RE: Tables or CSS? (5/13/2003 15:11:19)

Many online communities like Outfront have established a CSS Forum. I' ve been involved with css now for almost 3 years and have watched the rest of the design community fumble their way around using tables and old presentational markup styles. I think it may be time for Thomas to start a CSS Forum so that all of us css practitioners can bring this subject to the forefront of the design community.

There is one inherent issue with css that may not fly with most here. You will need to know how to code by hand if you really want it all to work flawlessly and use FP at the same time. Until FP has full support for all css, hand coding is mandatory.

CSS is mandatory in today' s cutting edge web design. You can reduce your page weight by 50% or more by utilizing css. There are many other factors involved with the use of css, the most important is of course the spidering robots. You' d be amazed at the results that can be achieved by eliminating code bloat, using absolute positioning and of course validating your web site.

Not only is CSS a hot topic, but so is HTML Validation. Both should be valid to avoid any possible browser rendering issues and spiderability of your web pages.




Shirley -> RE: Tables or CSS? (5/16/2003 8:42:28)

Check this out it is really sweet

Zen Garden the beauty of css design
http://www.mezzoblue.com/zengarden/




abbeyvet -> RE: Tables or CSS? (5/16/2003 11:26:10)

Shirely - that is truly a thing of beauty!

If anyone doubts the power of CSS just follow that link -just change one little file and look what happens!

And Edward I agree, I believe it is time to have a CSS forum.




Spooky -> RE: Tables or CSS? (5/20/2003 4:19:36)

Are you talking to me? :-)
I can surely arrange that for you :-)




MCD -> RE: Tables or CSS? (5/22/2003 12:44:56)

It is not an editor but I have found the TopStyle Pro 3 to be great for working with CSS. It speeds the process up for me. Hand coding of CSS is still required as pageonresults says but TopStyle Pro 3 will automate the process.




Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
6.347656E-02