html created in Photoshop making me crazy

[dlacloche]

I design webpages in photoshop. When I slice the page up in Image Ready and output for the web, it creates an html table that holds the image slices. I import the images and html into dreamweaver. The pages look good in every browser except Internet Explorer on a PC. It even looks good on Internet Explorer in a MAC.

Check it out. www.farmershealthcooperative.com

Why? Why? Why?

Please help.

[Centauri]

NEVER, EVER create a webpage using ImageReady's slice-and-dice garbage - the resultant code (if you can call it that) is rubbish. No doctype (so IE is in quirks mode), semantic jumble, incorrect use of tables, unnecessary images and so on.

By all means, use Photoshop to work out a visual layout, but write the page by first writing the content word-processor style, and then style it to obtain the visual look. The graphics will then be associated with content rather than a jigsaw puzzle. I cannot see a need for any more than 6 graphics on that site.

Cheers
Graeme

[dlacloche]

Is there a quick fix until I can redo it the better way?

[Centauri]

Could try firstly adding a valid doctype - suggest html 4.01 transitional due to the deprecated code. Secondly, try adding

img {display: block;}

to your css file.

Cheers
Graeme

[dlacloche]

Can I write a class for any image that need to be block-level, rather than changing all img tags?

[dlacloche]

I think it's working. Thanks for the advise.

[Crosshairs]

I dunno, I use Image Ready to generate my initial templates, its all about how you slice it and setup the output. I find it to be fast and if you setup the output right the code can be made proper.