Photoshop to HTML / are the quotations necessary

They have: 5 posts

Joined: Feb 2008

Ok ... So I have been creating websites in photoshop for some time. I create the graphics ... then slice and then I always end up adding the quotation marks to all the numbers/dimensions as photoshop doesn't do this for some reason but my question is ... are the quotations necessary? Will it load right in all the browsers without them?

Example:
Photoshop exports this

<TABLE WIDTH=792 BORDER=0 CELLPADDING=0 CELLSPACING=0>

and I have been manually changing it to

<TABLE WIDTH="792" BORDER="0" CELLPADDING="0" CELLSPACING="0">

is this needed? if so is there a tool online that will do it automatically?

Please advise.

Thanks,
JoNathan

They have: 99 posts

Joined: Feb 2008

Hi there,

It will depend on the browser, IE6 more than likely will not need them as it interprets the sites based on its own standards where as others follow the w3c standards. Browsers are heading more and more to fully validating code so yes the "quotations" are necessary.

I don't know of a tool that will do this but its like using any non-web specific software to create web sites - 90% of the time the code generated is total junk.

They have: 5 posts

Joined: Feb 2008

Ugg ... Someone needs to create a program that adds this type of stuff ... I use photoshop for everything .... lol ... or I just need to stop using photoshop. lol

They have: 5 posts

Joined: Feb 2008

Topic can be closed ... found a plugin that converts in html-toolkit

JeevesBond's picture

He has: 3,956 posts

Joined: Jun 2002

Topic can be closed ... found a plugin that converts in html-toolkit

That's ok, we don't arbitrarily close topics around here. Don't know why some forum people get really stressy about people opening old topics. Do what you like (as long as you're saying something valid). Smiling

You really shouldn't be using Photoshop to be generating HTML. It's a great photo/image editing tool, but not a Web design tool: use what's right for the job! Laughing out loud

The only way forward with HTML is to learn to code it yourself, it's pretty easy, just Google around for tutorials. I suspect you'll have problems with Photoshop generated Web sites, such as Google not being able to index the sites built with it.

Welcome to TWF by the way. Smiling

a Padded Cell our articles site!

They have: 5 posts

Joined: Feb 2008

Thanks for the welcome. I am very fluent in HTML it's just quicker though for me to use photoshop as that is what the designer sends the page to me in. Then I slice ... save for web ... and then go into the html and correct some of the errors I see. All my sites are being Googled so far ... no problems there ... was just looking for a work around for the issue of photoshop including the "'s

I agree totally thought that photoshop isn't the best tool for html coding which is why after I slice it and all in photoshop I load it in HTML Tool-Kit and tweak it.

Thanks for the quick replies though ... so far one of the best forums I have found.

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

I'm glad you're enjoying the forum so far!

Another thing you might want to try is to see if HTML Tool-kit has some clean up HTML features. I use Dreamweaver, and it has a couple of tools to automatically clean up your HTML.

I haven't attempted to export HTML from Photoshop in ages (I think I might have tried that a few times back in the day when I was using table layouts), but that looks like really outdated code. Normally people don't write HTML in caps anymore, for example. And no professional would use a table for layout, which I'm assuming that's what that table is for. Is that a current version of Photoshop? Annoying that it's spitting out such bad HTML.

JeevesBond's picture

He has: 3,956 posts

Joined: Jun 2002

Agreed with Megan, am afraid using tables for layout and design is very 1990's. Not many professionals are still clinging on to tables for layout, they should be used for displaying tabular data only (such as spreadsheets and what not).

Photoshop really doesn't cut it I'm afraid. Sad

a Padded Cell our articles site!

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.