Website coding - I have 2 for you to check and which one is better?

Hi there, I have been trying to work on removing the main tables and getting the coding a bit better on our site.

The origional work is http://www.photosales.co.nz

I have been playing with http://www.photosales.co.nz/index2.php

I have just done the front page, but can anyone comment as to if it is worth the work involved in doing the whole site?

 

Fewer tables make content distinction easier by the search engines. So go ahead!

 

the index 2 needs more coding if you want it to look exactly like your normal index. for starters the body needs

body {
margin:0px;
}

so that it brings the whole template to the top.

But you would need to probably re-code your template to work in all browsers with oline heights etc

 

Hey there!
I would like to recommend a reset stylesheet. The purpose behind it is "over-defining" standard values set across different browsers (like line height, margins, etc..). So insted of writing

html, body {
margin: 0;
padding: 0;
}

Write a whole reset style sheet. It can look like this:


a,b,del,dl,fieldset,h1,small,table,abbr,acronym,address,applet,big,blockquote,body,caption,center,cite,code,dd,dfn div,dt,em,font,form,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,span, strike,strong,sub,sup,tbody,td,tfoot,th,thead,tr,tt,u,ul,var {
border: 0;
margin: 0;
padding: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

:focus {
outline: 0;
}

ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

[Code taken from a template we are currently using at work]