sliced image brakes up :(

windows

Guest
Ok .. I have a problems and since i didn't know how to explain it good i created an example for you:<br />
<br />
<!-- m --><a class="postlink" href="http://www.tany.f2s.com/test/test.htm">http://www.tany.f2s.com/test/test.htm</a><!-- m --><br />
<br />
To simulate the problem, resize your browser making the width less. (if your resolution is low the problem will be visible even before doing this)<br />
<br />
You will see that the image on the left that is made by 4 images brakes up. <br />
<br />
How can i avoid this? How can I force the 4 images that make up the left image to stay together and just expand the red cell instead of all the left cells?<br />
<br />
Is there any way I can do that without using frames and without having a static page width?<br />
<br />
Thanks !!<!--content-->ok little confused as to what you want?<br />
<br />
do you want teh images to stay together? and the cell with the red in it to expand all the way to the right?<!--content-->When you resize your browser the image on the right brakes up. <br />
<br />
I want all 4 images to stay together and stick on the top, and the red sell to expand verticaly (not horizontaly), to fill the gap.<!--content-->Example:<br />
<br />
When you resize test.htm (given above), the red cell should expand and look like this:<br />
<!-- m --><a class="postlink" href="http://www.tany.f2s.com/test/test2.htm">http://www.tany.f2s.com/test/test2.htm</a><!-- m --><!--content-->ok I see what you are saying. the only way I know how to do that is to set you red cell to static height so it will push the other ones together.<br />
<br />
but then you showed me a page where it is working so what is the difference, why not use that one.<!--content-->No .. the second page was just to show you how I wanted the red cell to resize. <br />
The second page has a fixed width, while what i want is the width to resize to 100% of the page.<!--content-->unfortunately you can't. as the table gets rendered by the browser it makes all the cells stretch to a giving height, if one cell is making the others stretch. I had this problem before and never found a fix. so I had to find another way of doing things. I wasn't using images either and it still made it hard to fix. if you do find a fix do share as I will still be interested.<!--content-->actually you could try to put the images in a table themselves and then put them in that cell. that way you can have them valign up top and wouldn't have to worry about the big cell stretching them.<!--content-->here try this<!--content-->hey .. this sounds like somthing that could work :) <br />
Thanks. I will try it out soon<!--content-->yes, it worked :) <br />
Thank you !!<!--content-->no prob, and welcome to the forums :)<!--content-->Hey Hey Scoutt! This sounds familiar indeed!! :):D:cool:<br />
<br />
Lock rightside of Table in Netscape (<!-- m --><a class="postlink" href="http://www.htmlforums.com/showthread.php?s=&threadid=10108">http://www.htmlforums.com/showthread.ph ... adid=10108</a><!-- m -->)<br />
<br />
(I had a quite similar problem with tables horizontally. In the end we used the exact same code (=100%) to fill up the space. It was scoutts idea.<br />
<br />
In addition to the red cell expanding to fill up, if you want it to have a MINIMUM height, say 10 pixels, then stick an invisible GIF in there and give it height="10") :D<!--content-->
 
Back
Top