Slicing Template Problems

[GenDeathRaiser]

I don't know if anyone here can help me but I'm having an issue slicing my website. I'll attatch a PSD for anyone that can slice it how I want it for me which would be great. Let me explain the problem.

I have three boxes. Navigation / News / Affiliates. These boxes are seperate from eachother and are sliced as such. I have each one set to extend when content over flows, obviously necessary for any site. The problem is, say I type content in news and it over flows, it does extend the news box, but it extends the other two boxes as well. I only want the necessary box to extend. As said above I've included a PSD with how I've sliced it. The top banner is just going to be an image so I've sliced it with a one box because it does not need to extend. Any written help or image help would be great.

Note: I couldnt attatch it with the attatchment manager so I zipped it up and put it on my site.

http://worldofde.com/slicingproblems.zip (Size: 49kb)

 

[skrilla]

personnely i would use div tags for them, i would not use slicing... it would make things much easier for you..

 

[GenDeathRaiser]

Well imageready always treated me well with auto div tagging. So I stick with that, there's no problem with any content areas, the problem is I don't want all three to extend at once because it looks like crap when you have a 900 foot navigation box with 3 links.

 

[StudioWorks]

Templates can be a pain in the ass. If you are going to use templates i suggest you delete all the slices they made and make your own. After that ...hand coding.

 

[GenDeathRaiser]

This is a template I made, it's My template for my site, thus being my site template. I've sliced it myself, it works perfect, but like I said it's pushing all 3 boxes to extend when I only want one to extend, I'll post a picture of that.

Here is before there's too much text typed in it. Everythings the same size, that's how I want it from there.

But here, there's too much text, so it extends the box down, but as you can see, even the boxes with no content at all extend down with it.

I just want the box with the text in it to extend, I want each box to only be as long as needed for the text in it, instead all three are as long as they need to be for the longest amount of text out of the three boxes.

No one else has any input on this even with the images?

 

[Midano]

Tables.
You have a single table in there, 3 rows, 3 columns. All 3 boxes will be stretched to match the height of the longest column (depending on which column has more content).
Do this:
- merge the 3 cells of the left column.
- nest a 3-row 1-column table into that newly-merged cell

    <td>
    <table border="0" cellpadding="0" cellspacing="0" width="100%">
      <tr>
        <td></td>
      </tr>
      <tr>
        <td></td>
      </tr>
      <tr>
        <td></td>
      </tr>
    </table>
    </td>

This nested table will collapse to fit its content

- put your content into the cells - box top, box bottom..

 

[GenDeathRaiser]

Hmm thanks, I see what you're saying but I'm having a huge problem going about doing it, when I mess with any of those tables in dreamweaver and try to pack it in new ones it becomes what looks like a dropped jigsaw puzzle.

 

[Rowan W]

<table width="760" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="200" height="60" bgcolor="#009900"> </td>
    <td bgcolor="#666666"> </td>
    <td width="200" bgcolor="#006699"> </td>
  </tr>
  <tr>
    <td height="100" bgcolor="#006600"> </td>
    <td rowspan="3" bgcolor="#333333">lalalalalalalala alalalalalalala</p>
    <p> </p>
    <p> </p>
    <p>w o a h </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>lalalalallalalaaaaaaa... </p></td>
    <td bgcolor="#003366"> </td>
  </tr>
  <tr>
    <td height="60" bgcolor="#009900"> </td>
    <td bgcolor="#006699"> </td>
  </tr>
  <tr>
    <td height="30" bgcolor="#FFFFFF"> </td>
    <td bgcolor="#FFFFFF"> </td>
  </tr>
  <tr>
    <td bgcolor="#FFFFFF"> </td>
    <td height="60" bgcolor="#666666"> </td>
    <td bgcolor="#FFFFFF"> </td>
  </tr>
</table>

 

[GenDeathRaiser]

Yours does it too, it just keeps the middle one longest, but it keeps extending and pushing down all three.

 

[Rowan W]

Strange, use divs instead.

 

[GenDeathRaiser]

Bah I'm worthless I can't puzzle it together, the code becomes a mess and I get lost like a failure.

 

[df-sean]

Just a quick tip. While you're trying to get your layout working, set the table border to "1" instead of "0". That makes it a little easier to see what's going wrong. Once you get everything lined up the way you like, set the border back to "0". Good luck!