Help with website i’ve built in photoshop CS3

MB
Posted By
monique_boseley
Jan 28, 2009
Views
410
Replies
3
Status
Closed
Hello I am VERY new to designing my web site, so please be patient.

I have strong knowledge in Photoshop so have designed my web site in that program. When I up load my finished web site to my FTP site some of the buttons or images are not aligning properly, or they are squashed or extended.

If you have a look at my home page www.retromodern.com.au and see the SOLD ITEMS tab it looks like the layer has moved and is not in front of the background where as it should be behind like the other tabs.

Also on the Sold Items Page the ITEMS tab (http://www.retromodern.com.au/sold-items.html) is squashed up and can not read it. There is generally something wrong on each page.

I have re saved it in photoshop and changed the layers, flattened it and it still happens.

Here is how i have saved my site:

1. Crete in photoshop and save as a layered PSD
2. Save as a flat PSD
3. Open flat PSD and save for web devices then save as a High JPG
4. Drag into my FTP site

Then when i look at it is all squewiff

Please help and please explain it simply. I am only ver new.

Thanking you in advance !!!! biggrin.gif

How to Improve Photoshop Performance

Learn how to optimize Photoshop for maximum speed, troubleshoot common issues, and keep your projects organized so that you can work faster than ever before!

S
Silkrooster
Jan 28, 2009
Check the size the image for that tab. I see the image has been rotated, so it may be possible the height and width values are switched. I think it would look better if the tab was not rotated though. Also, you will find it easier to find issues with your code if you name each image what it suppose to represent on the page. You don’t have to, it will just make it easier for you.
M
Mylenium
Jan 28, 2009
Most likely the dimensions of your slices are different for each page and their rollover states are messed up, resulting in a different layout of the underlying table each time. I’d look into that. And of course if you have access to a web authoring tool like Dreamweaver and have some knowledge of HTML, manually plugging everything together there would give a better result…

Mylenium
MB
monique_boseley
Jan 29, 2009
Thanks for your help. I think the slices are difference sizes on each page, however i dont have any rollovers (if what you mean is where the image changes when you put the mouse on it).

I am looking into a simple dreamweaver course however they are somewhat expensive….

Thanks

Master Retouching Hair

Learn how to rescue details, remove flyaways, add volume, and enhance the definition of hair in any photo. We break down every tool and technique in Photoshop to get picture-perfect hair, every time.

Related Discussion Topics

Nice and short text about related topics in discussion sections