ugh! i'm at wit's end... <br />
<br />
<!-- w --><a class="postlink" href="http://www.meat-thing.com/marsdev/">www.meat-thing.com/marsdev/</a><!-- w --><br />
<br />
on the right, there's a menu inside a table. i want the menu to be stretchy/liquid (percentage widths is a must so that it'll look alright at any screen size). but the right side is chopped off at the edge (it looks kinda pushed inward). it was okay until i took out some text there, and now it wants to scrunch up on me.<br />
<br />
don't worry about the other themes/skins, the default "mars surface" one is the one i want to fix. after that, the others should fall swiftly into place.<br />
<br />
the css is at<br />
<!-- w --><a class="postlink" href="http://www.meat-thing.com/marsdev/mars.css.php">www.meat-thing.com/marsdev/mars.css.php</a><!-- w --><br />
<br />
bear in mind i have been fudging with it for awhile now trying just about everything, so it will not very likely look very pretty and may in fact be wildly messy. i don't care if it's valid right now, unless there's a specific error that, in fixing, would fix's fixes make (sorry for the Shakespearean
).<br />
<br />
thanks in advance for any assistance!<!--content-->hey TM<br />
<br />
i've tried Download <!--more-->ing the page but the way you've got it setup i can't get hold of the table border images!<br />
<br />
it does seem as if the top and bottom images are being cut off and the middle right bar being pushed ofer to the left, have you tried putting them in as normal images and not background images?<br />
<br />
sorry i couldn't help anymore<!--content-->thanks, but it really has to be background images so i can use classes to change them.<!--content-->aha, could you provide me a direct link to those four images? pm me them if you like?<!--content-->http://www.meat-thing.com/marsdev/images/1a.gif<br />
<!-- m --><a class="postlink" href="http://www.meat-thing.com/marsdev/images/2a.gif">http://www.meat-thing.com/marsdev/images/2a.gif</a><!-- m --><br />
<!-- m --><a class="postlink" href="http://www.meat-thing.com/marsdev/images/3a.gif">http://www.meat-thing.com/marsdev/images/3a.gif</a><!-- m --><br />
...<br />
<br />
the numbers increment<br />
1 2 3<br />
4(5)6<br />
7 8 9<br />
<br />
and in Mozilla (etc.), they're PNGs instead of GIFs.<!--content-->ok got them, i'll go and have a play now<!--content-->Originally posted by leoo24 <br />
aha, could you provide me a direct link to those four images? pm me them if you like? <br />
<br />
See attachment, open in a editor, and you will see the page.<br />
I have put a border around the menu, to see what is does.<br />
Could not find out what is giving the trouble.<br />
<br />
:rocker:<!--content-->yeah that's the first thing i did also, and a border around the containing div. I noticed there's two tables that sit ontop of each other. I'm going to place all the cs locally and put it on a page by itself see if it makes it any easier.<br />
I'll get back to u<!--content-->thanks you two!<br />
<br />
btw, the mozilla source might be easier to take, now that i think about it. in IE, all the content is produced twice and one is layered on top of the other (for semitransparency reasons, because IE doesn't do PNGs very well, and yet the alpha filter inherits even after specifying a higher value in the child).<br />
<br />
here's the mozilla code:<!--content-->okay, here's what i THINK is going on:<br />
<br />
the width is just too small. i set all the relevant widths (classes "menuwrap", "menu", "menumiddle" and "menumiddle0", and took out the ".menu td.top" part) to "auto" (an option i don't normally trust), and now it looks okay.<br />
<br />
what is weird about that is that i took some text OUT of the menu, so instead of holding it open like Chewbacca in the garbage pit, it's just squishing up. maybe i could set the width to a percentage for the ".menu td.top" but i think i'm just gonna leave it alone and hope that it'll be okay in most browsers!<br />
<br />
thanks again! i would NOT have figured a thing out without the help of you guys! <!-- m --><a class="postlink" href="http://www.htmlforums.com/images/icons/icon14.gif">http://www.htmlforums.com/images/icons/icon14.gif</a><!-- m --> :cheers: <!-- m --><a class="postlink" href="http://www.htmlforums.com/images/icons/icon14.gif">http://www.htmlforums.com/images/icons/icon14.gif</a><!-- m --><!--content-->well done TM<br />
<br />
that one was puzzling me
i never thought of playing with the menu sizes, i was messing with the containing cell's sizes:cheers:<!--content-->
<br />
<!-- w --><a class="postlink" href="http://www.meat-thing.com/marsdev/">www.meat-thing.com/marsdev/</a><!-- w --><br />
<br />
on the right, there's a menu inside a table. i want the menu to be stretchy/liquid (percentage widths is a must so that it'll look alright at any screen size). but the right side is chopped off at the edge (it looks kinda pushed inward). it was okay until i took out some text there, and now it wants to scrunch up on me.<br />
<br />
don't worry about the other themes/skins, the default "mars surface" one is the one i want to fix. after that, the others should fall swiftly into place.<br />
<br />
the css is at<br />
<!-- w --><a class="postlink" href="http://www.meat-thing.com/marsdev/mars.css.php">www.meat-thing.com/marsdev/mars.css.php</a><!-- w --><br />
<br />
bear in mind i have been fudging with it for awhile now trying just about everything, so it will not very likely look very pretty and may in fact be wildly messy. i don't care if it's valid right now, unless there's a specific error that, in fixing, would fix's fixes make (sorry for the Shakespearean
).<br /><br />
thanks in advance for any assistance!<!--content-->hey TM<br />
<br />
i've tried Download <!--more-->ing the page but the way you've got it setup i can't get hold of the table border images!<br />
<br />
it does seem as if the top and bottom images are being cut off and the middle right bar being pushed ofer to the left, have you tried putting them in as normal images and not background images?<br />
<br />
sorry i couldn't help anymore
<!--content-->thanks, but it really has to be background images so i can use classes to change them.<!--content-->aha, could you provide me a direct link to those four images? pm me them if you like?<!--content-->http://www.meat-thing.com/marsdev/images/1a.gif<br /><!-- m --><a class="postlink" href="http://www.meat-thing.com/marsdev/images/2a.gif">http://www.meat-thing.com/marsdev/images/2a.gif</a><!-- m --><br />
<!-- m --><a class="postlink" href="http://www.meat-thing.com/marsdev/images/3a.gif">http://www.meat-thing.com/marsdev/images/3a.gif</a><!-- m --><br />
...<br />
<br />
the numbers increment<br />
1 2 3<br />
4(5)6<br />
7 8 9<br />
<br />
and in Mozilla (etc.), they're PNGs instead of GIFs.<!--content-->ok got them, i'll go and have a play now
<!--content-->Originally posted by leoo24 <br />aha, could you provide me a direct link to those four images? pm me them if you like? <br />
<br />
See attachment, open in a editor, and you will see the page.<br />
I have put a border around the menu, to see what is does.<br />
Could not find out what is giving the trouble.<br />
<br />
:rocker:<!--content-->yeah that's the first thing i did also, and a border around the containing div. I noticed there's two tables that sit ontop of each other. I'm going to place all the cs locally and put it on a page by itself see if it makes it any easier.<br />
I'll get back to u
<!--content-->thanks you two!<br /><br />
btw, the mozilla source might be easier to take, now that i think about it. in IE, all the content is produced twice and one is layered on top of the other (for semitransparency reasons, because IE doesn't do PNGs very well, and yet the alpha filter inherits even after specifying a higher value in the child).<br />
<br />
here's the mozilla code:<!--content-->okay, here's what i THINK is going on:<br />
<br />
the width is just too small. i set all the relevant widths (classes "menuwrap", "menu", "menumiddle" and "menumiddle0", and took out the ".menu td.top" part) to "auto" (an option i don't normally trust), and now it looks okay.<br />
<br />
what is weird about that is that i took some text OUT of the menu, so instead of holding it open like Chewbacca in the garbage pit, it's just squishing up. maybe i could set the width to a percentage for the ".menu td.top" but i think i'm just gonna leave it alone and hope that it'll be okay in most browsers!<br />
<br />
thanks again! i would NOT have figured a thing out without the help of you guys! <!-- m --><a class="postlink" href="http://www.htmlforums.com/images/icons/icon14.gif">http://www.htmlforums.com/images/icons/icon14.gif</a><!-- m --> :cheers: <!-- m --><a class="postlink" href="http://www.htmlforums.com/images/icons/icon14.gif">http://www.htmlforums.com/images/icons/icon14.gif</a><!-- m --><!--content-->well done TM
<br /><br />
that one was puzzling me
i never thought of playing with the menu sizes, i was messing with the containing cell's sizes:cheers:<!--content-->