Tables / splices from PSD layout keep seperating

They have: 3 posts

Joined: Jan 2008

Tis quite frustrating to actually nail this one, so far i'm stumpted. I ask fo help.

I find that when I add a bit too much content to DIV areas within the spliced layout, the whole table that contains the splices/graphic images will decide to seperate in its own accord, often discretely, thus big gaps will appear in the preview.

Even worse, the gaps that formed just won't show up in a WYSIWYG editor (dreamweaver), but when you preview in a browser, the whole layout could look terrible with buttons everywhere and all the contents of the table expanded and generally looking like an earthquake has struck.

The worst offenders are in decending order,

Safari
Firefox
IE6

Anyone know good ways to prevent this?

thanks

He has: 629 posts

Joined: May 2007

Kinda hard to give advice without a concrete example to look at. But a couple of ideas that may help:

1. Don't design for or rely on Dreamweaver's design view - no-one uses it to surf the 'Net anyway.
2. Design for one of the less buggy browsers first-- Safari or Firefox are good; IE decidedly not.
3. Make sure you are using the latest Dreamweaver-- Adobe has done a great job of bringing it out of the last century.
4. Try to wean yourself off tables for layout, and use modern, CSS-based layouts instead.

This last is a lot of work, but has huge benefits; to the designer, the site maintainer, non-visual agents (like Google), and the sighted visitor. There's also a lot of freely given expert help available.

Good luck.

Cordially, David
--
delete from internet where user_agent="MSIE" and version < 8;

They have: 3 posts

Joined: Jan 2008

My website is timimagery.com

The more modern CCS layout sounds great. Would you recommend any tutorials that can help me use CCS instead of the PS splices to get the same effect? As for the design view, I'm not too good at coding yet and dreamweaver does seem to give an optimistic interpretation of the final layout in the design view.

As for the site, I'm keeping the gaps at bay by severely limiting the text. I would like to add more text if I could.

If I place a CCS-P element box instead, I find that it won't anchor ontop of the layout, so when I resize my page it won't follow the main graphics and end up somewhere strange depending on window size.

Thanks again

He has: 629 posts

Joined: May 2007

I think that HTML Dog has some good tutorials. There are also two discussion groups I subscribe to: CSS-discuss and the Web Standards Group. Both have very capable folks who are very helpful. I suggest joining one and asking them for guidance. Don't be intimidated by some of the esoteric stuff - they love to help people get started.

There is also this board, of course. Smiling

I did not get far with your portfolio - it crashed my browser - but I see a lot of Flash. While Flash is very nice, not everyone has it available or turned on, and may be a barrier to search engines unless you know how to provide the "hooks".

Good luck. From what I did see, your photos deserve a good presentation.

Cordially, David
--
delete from internet where user_agent="MSIE" and version < 8;

JeevesBond's picture

He has: 3,956 posts

Joined: Jun 2002

Good advice David, thanks for helping potatomaker. Welcome to the forums, potatomaker!

Photoshop (or whatever image editor you may prefer) is a great place to do proofs/comps, but it isn't good at actually writing the code. You'll really need to learn CSS/HTML for that, as David pointed out. We should definitely write some 'getting started with CSS' articles, thanks for giving us the idea!

a Padded Cell our articles site!

They have: 3 posts

Joined: Jan 2008

Good Wow thanks all, great message boards. I see Java is sometimes popular with making websites such as my own, but I have'nt poked around with java yet. The old version of my website did fully use css-p element boxes in the layout, but my gripe with using that method was that the elements did not seem to be able to remain centered in the middle of the page, so browser resizes would force users to scroll left or right to see everything.

Thanks again.

tummy's picture

They have: 121 posts

Joined: Mar 2007

potatomaker wrote: Good Wow thanks all, great message boards. I see Java is sometimes popular with making websites such as my own, but I have'nt poked around with java yet. The old version of my website did fully use css-p element boxes in the layout, but my gripe with using that method was that the elements did not seem to be able to remain centered in the middle of the page, so browser resizes would force users to scroll left or right to see everything.

Thanks again.

Nice method to make the users to see the whole site. lol

They have: 166 posts

Joined: Mar 2006

This use to happen to me, so I used the free trial of sitegrinder 2 instead. A plugin for photoshop.

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.