homepage Welcome to WebmasterWorld Guest from 50.17.27.205
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / HTML
Forum Library, Charter, Moderators: incrediBILL

HTML Forum

    
Fireworks MX - Image Website Slicing Tutorial
How to slice a website layout graphic to XHTML standards
CustomFit




msg:563393
 8:33 pm on Feb 13, 2004 (gmt 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.

 

grahamstewart




msg:563394
 8:58 pm on Feb 13, 2004 (gmt 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.

CustomFit




msg:563395
 4:00 pm on Feb 14, 2004 (gmt 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

mep00




msg:563396
 1:38 am on Feb 15, 2004 (gmt 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.)

ronin




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

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

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / HTML
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved