This is probably not possible but i'd like to hear that from someone who knows better than myself. <br />
Imagine i have a table with one row and two equal sized cells, both side by side. The left cell has a graphic for the background and i use no-repeat in my style sheet. The content of this cell is a column of text links. <br />
<br />
As i add content to the right cell, it expands vertically with the left cell. My grpahic doesn't repeat but the column of links move downward. Is there anyway to make these links stay in the same precise position?<br />
Thanks to anyone that can help.<!--content-->additional <br> tags and a cell alignment of top would be my best guess<br />
<br />
<br />
does it help?<br />
chris<pixelmonkey>:monkey:<!--content-->I'm already using alignment top but it doesn't help. If this cell expands vertically by 10 pixels, the links move downward by 10 pixels also though obviously the grpahic they sit on stays in place. It's not a huge problem, i can just ensure the adjoining cells height doesn't change. It would just be more flexible if i could keep these links in a precise position.<br />
Thanks.<!--content-->ok.... i have one more idea! start your page with one table with the alignment of top. inside of that table, have 2 tables side by side and have the alignment for the menu to top also. that should fix the problem! if not i have one more idea...<br />
<br />
<br />
chris<pixelmonkey>:monkey:<!--content-->how about seeing some code? Then I could give it a go!<!--content-->The page is at <!-- m --><a class="postlink" href="http://www.inthecredits.com/itc_home.lasso">http://www.inthecredits.com/itc_home.lasso</a><!-- m --><br />
<br />
As you can see there is a cell to the left with the graphic and text links. A cell, the same height to the right. <br />
<br />
Thanks.<br />
<br />
Oh yeah, please don't laugh too much at my site and the crazy way i've done things. It's my first site. I'm trying to code as much as i can by hand and loading into Dreamweaver to generate any code i'm unable to accomplish myself..
.<!--content-->There is something wrong.<br />
A table has to be square, this means:<br />
every TR has to have the same td tags.<br />
I've taken the first table -the menu table included- and with the border=10 it in easy to see what I mean.<br />
After every </td> tag you put a number, so you can see where the td tags are.<br />
Then you can put a new td where needed.<br />
Get notetab on <!-- m --><a class="postlink" href="http://www.notetab.com">http://www.notetab.com</a><!-- m --> a text and html editor, a great tool.<!--content-->I dont see any extra tables on the right, and all seems good when I view at 800x600... then expand to 1200x780.<!--content-->Tested:<br />
<!-- m --><a class="postlink" href="http://people.zeelandnet.nl/vazed/test/test-td-1306.html">http://people.zeelandnet.nl/vazed/test/ ... -1306.html</a><!-- m --><br />
<br />
The links are on top, and you can see the borders.<br />
I hope this is ok.<!--content-->I'm not sure which cell you are refering to but if its the cell on the left with the register, edit profile, search links I see this:<br />
<br />
<td valign=middle width=144 height=310 rowSpan=2 align="center" background="/itc_layout/nav_bar.jpg"> <br />
<div align="center"><br />
<br />
valign=middle, change to valign=top and see if that helps.<br />
<br />
Regards,<br />
Kevin<!--content-->It doesn't seem to work though. That is the correct cell you refer to Kevin. There is a cell adjacent to this one. When i add content to this adjacent cell and it forces the cell to expand vertically, the text to the left slides down the page as well. It's not really that big a deal though. I can just make sure that i don't add too much content to the cell.<br />
<br />
Thanks for taking a look anyway, appreciate the help.<!--content-->ok, I gotcha! Try this:<br />
<br />
in the td use valign=top<br />
then nest a table with a fixed width/ height inside the td. <br />
<br />
then when you add to the other cell, it wont change the layout of the fixed width/ height cell. There are other ways, but this is the 5 minute, duck tape and bubble gum fix. I just used it today to patch together a poorly written frontpage document!<!--content-->Thanks DR Web. Sounds like a great solution. The only problem would be i don't want this text aligned to the top of the graphic, it didn't look right.<!--content-->You have to use nothing.<br />
And then you can give it a little room, like you wish.<br />
Nothing is nothing, because it is space, blank space.<br />
It is a image called blank.gif, or space.gif<br />
<br />
You can see what I mean:<br />
<!-- m --><a class="postlink" href="http://people.zeelandnet.nl/vazed/test/test-td-1406.htm">http://people.zeelandnet.nl/vazed/test/test-td-1406.htm</a><!-- m --><br />
<br />
At the bottom you can pick the blank space and save to your comp.<!--content-->instead of align=top just skip it then. See how it works, it will remain fixed.<br />
<br />
using only a transparent gif wont stop the cell from expanding.... which is whats causing the problem here.<!--content-->That's right Dr Web<!--content-->
Imagine i have a table with one row and two equal sized cells, both side by side. The left cell has a graphic for the background and i use no-repeat in my style sheet. The content of this cell is a column of text links. <br />
<br />
As i add content to the right cell, it expands vertically with the left cell. My grpahic doesn't repeat but the column of links move downward. Is there anyway to make these links stay in the same precise position?<br />
Thanks to anyone that can help.<!--content-->additional <br> tags and a cell alignment of top would be my best guess<br />
<br />
<br />
does it help?<br />
chris<pixelmonkey>:monkey:<!--content-->I'm already using alignment top but it doesn't help. If this cell expands vertically by 10 pixels, the links move downward by 10 pixels also though obviously the grpahic they sit on stays in place. It's not a huge problem, i can just ensure the adjoining cells height doesn't change. It would just be more flexible if i could keep these links in a precise position.<br />
Thanks.<!--content-->ok.... i have one more idea! start your page with one table with the alignment of top. inside of that table, have 2 tables side by side and have the alignment for the menu to top also. that should fix the problem! if not i have one more idea...<br />
<br />
<br />
chris<pixelmonkey>:monkey:<!--content-->how about seeing some code? Then I could give it a go!<!--content-->The page is at <!-- m --><a class="postlink" href="http://www.inthecredits.com/itc_home.lasso">http://www.inthecredits.com/itc_home.lasso</a><!-- m --><br />
<br />
As you can see there is a cell to the left with the graphic and text links. A cell, the same height to the right. <br />
<br />
Thanks.<br />
<br />
Oh yeah, please don't laugh too much at my site and the crazy way i've done things. It's my first site. I'm trying to code as much as i can by hand and loading into Dreamweaver to generate any code i'm unable to accomplish myself..
.<!--content-->There is something wrong.<br />A table has to be square, this means:<br />
every TR has to have the same td tags.<br />
I've taken the first table -the menu table included- and with the border=10 it in easy to see what I mean.<br />
After every </td> tag you put a number, so you can see where the td tags are.<br />
Then you can put a new td where needed.<br />
Get notetab on <!-- m --><a class="postlink" href="http://www.notetab.com">http://www.notetab.com</a><!-- m --> a text and html editor, a great tool.<!--content-->I dont see any extra tables on the right, and all seems good when I view at 800x600... then expand to 1200x780.<!--content-->Tested:<br />
<!-- m --><a class="postlink" href="http://people.zeelandnet.nl/vazed/test/test-td-1306.html">http://people.zeelandnet.nl/vazed/test/ ... -1306.html</a><!-- m --><br />
<br />
The links are on top, and you can see the borders.<br />
I hope this is ok.<!--content-->I'm not sure which cell you are refering to but if its the cell on the left with the register, edit profile, search links I see this:<br />
<br />
<td valign=middle width=144 height=310 rowSpan=2 align="center" background="/itc_layout/nav_bar.jpg"> <br />
<div align="center"><br />
<br />
valign=middle, change to valign=top and see if that helps.<br />
<br />
Regards,<br />
Kevin<!--content-->It doesn't seem to work though. That is the correct cell you refer to Kevin. There is a cell adjacent to this one. When i add content to this adjacent cell and it forces the cell to expand vertically, the text to the left slides down the page as well. It's not really that big a deal though. I can just make sure that i don't add too much content to the cell.<br />
<br />
Thanks for taking a look anyway, appreciate the help.<!--content-->ok, I gotcha! Try this:<br />
<br />
in the td use valign=top<br />
then nest a table with a fixed width/ height inside the td. <br />
<br />
then when you add to the other cell, it wont change the layout of the fixed width/ height cell. There are other ways, but this is the 5 minute, duck tape and bubble gum fix. I just used it today to patch together a poorly written frontpage document!<!--content-->Thanks DR Web. Sounds like a great solution. The only problem would be i don't want this text aligned to the top of the graphic, it didn't look right.<!--content-->You have to use nothing.<br />
And then you can give it a little room, like you wish.<br />
Nothing is nothing, because it is space, blank space.<br />
It is a image called blank.gif, or space.gif<br />
<br />
You can see what I mean:<br />
<!-- m --><a class="postlink" href="http://people.zeelandnet.nl/vazed/test/test-td-1406.htm">http://people.zeelandnet.nl/vazed/test/test-td-1406.htm</a><!-- m --><br />
<br />
At the bottom you can pick the blank space and save to your comp.<!--content-->instead of align=top just skip it then. See how it works, it will remain fixed.<br />
<br />
using only a transparent gif wont stop the cell from expanding.... which is whats causing the problem here.<!--content-->That's right Dr Web<!--content-->