Tables / splices from PSD layout keep seperating
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
webwiz posted this at 05:25 — 1st February 2008.
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;
potatomaker posted this at 10:32 — 1st February 2008.
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
webwiz posted this at 19:22 — 1st February 2008.
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.
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 posted this at 19:42 — 1st February 2008.
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!
potatomaker posted this at 19:57 — 1st February 2008.
They have: 3 posts
Joined: Jan 2008
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 posted this at 15:01 — 8th February 2008.
They have: 121 posts
Joined: Mar 2007
Nice method to make the users to see the whole site. lol
DSSR posted this at 06:53 — 12th February 2008.
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.