homepage Welcome to WebmasterWorld Guest from 54.205.236.46
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Subscribe and Support WebmasterWorld
Home / Forums Index / Code, Content, and Presentation / HTML
Forum Library, Charter, Moderators: incrediBILL

HTML Forum

    
Table structure for image slices
Is this the best way to go at it?
scott




msg:604146
 1:59 pm on Feb 27, 2001 (gmt 0)

I have an "inverted L" shaped graphic I want to use for a banner and navigation on a site. I WAS just making a huge graphic and making it the background image, and overlaying buttons down the left side.

I decided to give the image slicer a try. (Photoshop 6)

It generated the table and all automatically, but I'm having trouble nesting a table within that one to place the page content into. I' wondering what the "overall plan" or "layout" should be for this type of thing. Should I be using tables in tables, or is there an easier method for this?

 

BoneHeadicus




msg:604147
 4:20 pm on Feb 27, 2001 (gmt 0)

If you're using Dreamweaver try the "designing with layers" method and then convert "layers to tables".

oilman




msg:604148
 4:31 pm on Feb 27, 2001 (gmt 0)

I nearly always build one large image and slice it up but I usually build my own tables after the fact.

scott




msg:604149
 4:45 pm on Feb 27, 2001 (gmt 0)

I can do that as well. I don't NEED the software to build the tables. It's just convenient.

My real question here is what the table structure is. I can't seem to get the tables to lign up properly to get teh graphics to display right.

Once I start adding content to the page, things start to change. So I figure I try assigning fixed values. But when I do that, I have issues with the page content displaying properly.

Was looking for a sort of guide....something like:

Table 1 left div'd left top position with 2 columns containing graphics. Insert Table 2 in cell ? of Table 1 and fix width to...etc...

I thought there might be a sort of "template" for this sort of thing.

If not, I guess I'll keep at it till I find something that works.

tedster




msg:604150
 6:10 pm on Feb 27, 2001 (gmt 0)

I've never found a "formula" that always works cross browser. Netscape 4.x on the PC is so quirky about how it prioritizes table attributes that several times I've had to think and re-think the possibilities.

The problems I run into are often in the bottom-most row of slices, where Navigator sometimes refuses to bump the slices together vertically, even using valign="top". Spaces or line breaks in the code are often the reason for this bug, but even eliminating doesn't doesn't take care of every case.

So it's I find its a trial and error thing to get Netscape-compatible code.

tedster




msg:604151
 6:57 am on Mar 5, 2001 (gmt 0)

>> Should I be using tables in tables, or is there an easier method for this?

I'm having lot of success using external CSS stylesheets to create the inverted L for a re-design I'm working on. I really like the way the HTML slims down, and I can put the content section right at the top of the HTML, even though it starts displaying at (150,200) or wherever. The pages I've redone using CSS are getting better rank on several SEs, and they load and render a lot faster than before. Browsers (especially Netscape) take a long time to figure out table structures, but CSS just thunders onto the page.

I think it's time to plan on moving away from tables for layout, as much as is practical. Tables were always intended to be logical, not visual, so there are a lot of browser irregularities to cope with.

Not that CSS support is without bugs (LOL), but at least it's a tool designed for the job.

knighty




msg:604152
 3:31 pm on Mar 14, 2001 (gmt 0)

I still use tables and can usually get them to do pretty much what i want.

If the vertical part of the l shape is just one colour you can use CSS to tile an image vertically and then place the table on top. I have actually done this on a site and nested tables within the L shape with no problems on Explorer, Netscape on both Mac and PC.

Layers are OK but I always have a knighty-mare of a time trying to make them do what i want cross platform and browser.

BoneHeadicus




msg:604153
 3:39 pm on Mar 14, 2001 (gmt 0)

A really comprehensive guide to css is 'Cascading Style Sheets: Designing For The Web' by Hakon Wium Lie and Bert Bos

ISBN 0-201-59625-3

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.
Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About
© Webmaster World 1996-2014 all rights reserved