Closed Thread Icon

Topic awaiting preservation: Sliceing problem (Page 1 of 1) Pages that link to <a href="https://ozoneasylum.com/backlink?for=9327" title="Pages that link to Topic awaiting preservation: Sliceing problem (Page 1 of 1)" rel="nofollow" >Topic awaiting preservation: Sliceing problem <span class="small">(Page 1 of 1)</span>\

 
crip
Nervous Wreck (II) Inmate

From: iasi, romania
Insane since: Apr 2002

posted posted 11-21-2003 07:09

I'm doing a layout for a friend who's read to many frank herbert books , hence the name , but that is another story...
I did the whole thing in IR and now i want to slice it up and make the middle part expandable.
The result is here, with the middle longer than it is in the psd, and as you can see, it doesn't work.
The psd is here or a zip file here.
And a bit of explaining. The tabs on the left could, in theory remain a single image, and i could do it with image maps, cos if it is asingle image i can set it's align attrib to up and it stays up no matter the length of the middle part, but i want to use some roll-overs, as you can see here (click on mail). And after i slice the psd i can't seem to make the pics, or the table cells that contain the tab pics to stay up.
If anyone caould help me, give me a sugestion on how to make the slices so that the middle part is expandable i will be for ever thankfull .

Thanks in advance

rickindy
Nervous Wreck (II) Inmate

From: Indianapolis, In USA
Insane since: Jan 2002

posted posted 11-21-2003 14:16

Not sure what "making the middle expandable" means, but I'll take a shot at it.

If you want the left side images to be flush at the top put them in their own table and put that table inside a td with a valign property of "top".
For example, put the "mail", "linkuri" and "diverse" tabs in their own table with the width of that table being the combined width of all the images. Put that table inside a td with a valign property of "top".
Getting all the rowspans to work out like the page is laid out now will probably end up being a challenge.

That's a pretty complex layout, so you might try doing a piece of it at a time. instead of trying to do the whole thing al at once.



Few problems in life can't be solved by chocolate

JKMabry
Maniac (V) Inmate

From: out of a sleepy funk
Insane since: Aug 2000

posted posted 11-21-2003 15:48

you don't need a nested table, just put valign="top" in the TD that holds the navtabs. Depending on what you're after you're only going to need 3 or 4 columns and 3 rows instead of all that mess. And for goodness sake, name your daggumm slices descriptively, index3_1.gif through index3_24.gif doesn't eaxctly inpire anyone to dive into the markup to help

didn't do it FOR you but here's a quick example that should show you what all you're needing to know

Jason

[This message has been edited by JKMabry (edited 11-21-2003).]

crip
Nervous Wreck (II) Inmate

From: iasi, romania
Insane since: Apr 2002

posted posted 11-21-2003 23:15

The problem is, as i said above, that i can't have the whole navbar in one cell, i already said that
Because each tab will have it's rollover. That is the reason for most of the slices that you say create a mess, and for some of the slices, that may apear superfluous, if you look carefully. After i generate the html, i want to replace some of those pics that come from the slices with empty cell that have the same background color as the pic that was inside the cell. For bandwidth that is
And large, non-uniform pic, color-wise i mean, will be replaced by empty cells that have as background a very thin slice of the loger image... And so on...
So, i'm still without a solution, i will show you tomorrow, i'm to tired now, why the nested tables didn't work, i already tried it a few days ago (i worked on this between other projects)

crip

have a nice sleep, all



[This message has been edited by crip (edited 11-21-2003).]

JKMabry
Maniac (V) Inmate

From: out of a sleepy funk
Insane since: Aug 2000

posted posted 11-22-2003 09:07

everything in the example will show you what you need to know to accomplish this. I know you dun want one big graphic but if you look at valign="top" and what it does, you'll realize that you can make 2 columns, one for yellow, one for green, and stack the images in there; no need for individual table cells, much less a nested table.

Really, if I recall, the only thing I really added in principal is the use off valign="top" and background="image.gif" stuff. It'll give you exactly what you want

Jason

« BackwardsOnwards »

Show Forum Drop Down Menu