Design

webling

Member
I've had other webmasters tell me I need to get away from tables and use DIV instead. Does it really matter how I code the site as long as it has a good design and is easy to navigate? I'm redeveloping my site and I think the graphics are good, layout is good and is easy to navigate. My thinking is that most peoplel don't give a hoot what coding you've used, they are more concerned with what their eyes behold.

If I'm wrong please tell me.
 
Yes you should use div instead of tables. The other advantage for div, which hostentic did not mentioned is usability under text web browsers, tablets, or browsers without styles. When you are using tables, the page is really width, and it is hard to navigate. With div, you do not have this issue, because it is displaying all content, line by line.

Just try to disable styles for page (for eg. in firefox) View / Styles / Ignore styles. And check the differences.
 
Plus, working with DIV has better Exact rendering amongst the various browsers available nowadays. Most of the time, tables are rendered differently by different engines.

Also, I think DIV is more search engine friendly. Plus more semantical.
 
Div is better in many cases, but old Table is also fine when u need to just put elements in order. Div is for professionals, but table can be used easily by a newbie.
 
Div is better in many cases, but old Table is also fine when u need to just put elements in order. Div is for professionals, but table can be used easily by a newbie.
Using DIV can't be termed as being professional, in my opinion :P I think it is just good practice!! Yes you can design with tables but it should be limited to what it's used for. Tables can be used to design tables!! An entire page designed using just tables is out of standard and strongly discouraged.
 
You will find some people do look at the source to see experience or make some snarly comments and put you down.

But how the site looks and is coded is also Company image, so I would go with divs and css since it is more professional than good old tables.
 
I always use divs also. They are much easier to control, especially when there is a lot of nesting, I always got lost when using tables in the past:)
 
Designs does matter a lot, I must say that it matters more than 60%. because normal users are not be concerned about which code you wrote and how, they will like your web if it is attractive and design will be good.
 
Using DIV elements and CSS particles instead of HTML can be recommended but no magical gains would be made after doing the transition and this is an important issues always as you can find so many cool purely HTML made sites.

Even if your web pages contain tens of tables and even lots of coding errors but is at the same time powered by valuable contents plus incoming links, you will experience traffic boosts. Using proper CSS codes can make it easier for you to maintain structure of your site in the long term.
 
Using tables for layout is also flat out against the recommended accessibility guidelines of the W3C and WCAG.

Tables are designed to be used for DATA. Not layout.

While a table can be checked, and checked, and checked to verify it's visual display on various browsers - the last thing you want is for some users out of left field with a disability that uses a screen reader, and the reader follows your tables in an order you didnt expect.

CSS for layouts - Not Tables.
 
design

hello

:help: better you go for dream weaver it may help you to design template
enjoy it.........................



<MOD NOTE: Signatures must be setup in your profile and not manually added to your messages.>
 
hello

:help: better you go for dream weaver it may help you to design template
enjoy it.........................

Disagree. While dreamweaver is a fine tool, standards are standards, which is what a good webpage is all about. Dreamweaver does not necessarily enforce standards, for example it is perfectly happy for you to use tables for site layouts, when div tags should be used. It CAN however guide you with standards... Which I am all for.

Furthermore, there are lots of fine web authoring tools out there, that are not necessarily wysiwyg. Take coda, for exmple.

What a developer should do is be mindful of the w3c standards, and THEN use a tool such a dreamweaver to implement them. For a beginning web developer, I have absolutely no problems with them doing that
 
Definitely make the switch to Divs. It might seem overwhelming at first, but it is much better once you learn. I learned at http://www.w3schools.com/css/default.asp

It will be easier to style the page now and change it in the future. It will be more compatible across browsers and load faster, and when your page loads faster, Google is happier.
 
Back
Top