Welcome to WebmasterWorld Guest from 54.158.238.108

Forum Moderators: incrediBILL

Message Too Old, No Replies

Fireworks MX - Image Website Slicing Tutorial

How to slice a website layout graphic to XHTML standards

     
8:33 pm on Feb 13, 2004 (gmt 0)

New User

10+ Year Member

joined:Mar 29, 2003
posts:33
votes: 0


Hi, does anyone know of online tutorials that deal with the proper slicing of a website design (image) for a nested table layout using xhtml and css 2.0 proper?

The only ones I have read/watched delt with the basic slicing guidelines, which did not take accessibility, graphic load times, or proper markup into account.

Thanks in advance.

8:58 pm on Feb 13, 2004 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Mar 8, 2003
posts:1429
votes: 0


slicing of a website design (image) for a nested table layout... did not take .. proper markup into account.

I'm not sure you can use tables for layout/image slicing and expect to have 'proper markup'.
The 'proper' use for the table tag is purely for tabular data.

If you want to stick to the essence of the xhtml standard then you should be using semantic markup and handling all the layout and styling in CSS.

4:00 pm on Feb 14, 2004 (gmt 0)

New User

10+ Year Member

joined:Mar 29, 2003
posts:33
votes: 0


I'm not sure you can use tables for layout/image slicing and expect to have 'proper markup'.
The 'proper' use for the table tag is purely for tabular data.

If you want to stick to the essence of the xhtml standard then you should be using semantic markup and handling all the layout and styling in CSS.

Thanks, Graham, I agree with you. I thought that a tutorial on using a nested table layout and slicing a website design image might be easier to find than one dealing with an advanced CSS "table-less" layout. Still, if you have any recommendations on either, I'd appreciate it (here or via PM is fine).

CF

1:38 am on Feb 15, 2004 (gmt 0)

Full Member

10+ Year Member

joined:Dec 25, 2003
posts:269
votes: 0


Technicly speaking (writing?), you can slice images and nest tables and still have valid XHTML 2.0 and CSS 3.0 (based on the current drafts), but you'd be missing the point.

You could start by checking the CSS fourm here for recommendations (it's where this thread realy should be). There's also a lot of good stuff in the threads themselves.

It's hard to give a better answer because I'm not sure what level you're on. From your post it's unclear, but it sounds like you may already have basic knowledge. Most of the tutorials I've seen are pretty basic, and beyond them are mostly articles (of which there are many good ones). There are some good books on CSS, Such as Eric Meyer's book from O'reily. The copy I have is a few years old, but still quite usable and there may be a newer edition. For that matter, you could check out [meyerweb.com ]. You could also check out CSS layout techniques (glish.com) [glish.com] (I just found this site a few minutes ago, and it looks like it might have what you're looking for.)

10:09 pm on Feb 16, 2004 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month

joined:Mar 9, 2003
posts:2099
votes: 8


You an use CSS 2 absolute positioning to put together a sliced image onscreen in the same way you might with a table.
 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members