Hi.. <br />
<br />
I am just using a 3 column table to create my index page and I would like the table centred. <br />
<br />
I have a set of navigation buttons in the middle column and some images in the other two, so I have had to fix the column widths. <br />
<br />
Now..I have some DIVS that need to be aligned with each one of the nav buttons. Trouble is, I have an absolute position tag on them and when the page size changes the table centres and then the DIV does not align with the button. <br />
Even going full screen changes the position too much. <br />
<br />
How can I ensure that these DIVS align with my table objects?<br />
<br />
File Attached!<!--content-->its hard to tell whats going on because none of the images are working.. =( i'll attempt something, but if you could get some images working so we can see what is going on, it would help a lot!<!--content-->Originally posted by ablindtomorrow <br />
its hard to tell whats going on because none of the images are working.. =( i'll attempt something, but if you could get some images working so we can see what is going on, it would help a lot! <br />
Images are not needed.<br />
With the mouse cursor on the right site of the browser and pulling it smaller, you can see that the menu items are not showing up in the same place.<br />
I've worked at the file, result:zero.<br />
<br />
:rocker:<!--content-->i know what you are saying, as i can see it happening too. but i actually got it so it doesn't move, i just need images to try it with.<!--content-->Hi everyone,<br />
<br />
Firstly may I say how impressed I am to see so many responses to my post..Thankyou.<br />
<br />
You can see the page at:-<br />
<br />
<!-- m --><a class="postlink" href="http://freespace.virgin.net/andy.hingston/">http://freespace.virgin.net/andy.hingston/</a><!-- m --><br />
<br />
There is a small vertical line and its coresponding text that appears when you hover over the nav buttons.<br />
<br />
If you then press F11 or resize the window, these DIVS appear to move - but I think it is the table re-centering!<br />
<br />
Problem is how to I overcome this problem without some kind of script?<br />
<br />
Thanks Again<!--content-->There are a few errors (<!-- m --><a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2Ffreespace.virgin.net%2Fandy.hingston%2F&charset=%28detect+automatically%29&doctype=HTML+4.01+Transitional&ss=1&outline=1&sp=1">http://validator.w3.org/check?uri=http% ... ine=1&sp=1</a><!-- m -->) in the code to look at. Add:<br />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> in the <head> section, and recheck this link (<!-- m --><a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2Ffreespace.virgin.net%2Fandy.hingston%2F&charset=%28detect+automatically%29&doctype=HTML+4.01+Transitional&ss=1&outline=1&sp=1">http://validator.w3.org/check?uri=http% ... ine=1&sp=1</a><!-- m -->) again. Add alt="*" to <img> tags for bullet point images, alt="" to unimportant images, and alt="some text" to important content and navigation images (for users with images turned off or which fail to load, and for users with non-visual browsers). Add type="text/javascript" to the <script> tags as well. Hmm, the first bit of javascript has two comment tags [ <!-- ] but the second bit has none. No idea if some browser may get confused over that or not. All that should only take a few minutes -- worth fixing to see if it helps at all.<!--content-->Hi Guys,<br />
<br />
I decided to create a simple test page to see if it helps understand my problem. If you just resize the page you will see that the Layer DIVS appear to move, however they have an absolute position so I believe that it is the table re-centering?<br />
<br />
Can be viewed at <!-- m --><a class="postlink" href="http://freespace.virgin.net/andy.hingston">http://freespace.virgin.net/andy.hingston</a><!-- m --><br />
<br />
I am really considering using rollover images instead of hiding/showing layers, which I felt was the best method at the time!<br />
<br />
Somebody out there must have designed a page with a similar navigation system ;-(<br />
<br />
Happy 2003 to everyone..<!--content-->Hi Guys,<br />
<br />
Have managed to sort my little problem by nesting the table inside another DIV. This way the navigation DIV is relative to the table cell.<br />
<br />
Thanks for the assistance everybody.<br />
<br />
Regards<!--content-->
<br />
I am just using a 3 column table to create my index page and I would like the table centred. <br />
<br />
I have a set of navigation buttons in the middle column and some images in the other two, so I have had to fix the column widths. <br />
<br />
Now..I have some DIVS that need to be aligned with each one of the nav buttons. Trouble is, I have an absolute position tag on them and when the page size changes the table centres and then the DIV does not align with the button. <br />
Even going full screen changes the position too much. <br />
<br />
How can I ensure that these DIVS align with my table objects?<br />
<br />
File Attached!<!--content-->its hard to tell whats going on because none of the images are working.. =( i'll attempt something, but if you could get some images working so we can see what is going on, it would help a lot!<!--content-->Originally posted by ablindtomorrow <br />
its hard to tell whats going on because none of the images are working.. =( i'll attempt something, but if you could get some images working so we can see what is going on, it would help a lot! <br />
Images are not needed.<br />
With the mouse cursor on the right site of the browser and pulling it smaller, you can see that the menu items are not showing up in the same place.<br />
I've worked at the file, result:zero.<br />
<br />
:rocker:<!--content-->i know what you are saying, as i can see it happening too. but i actually got it so it doesn't move, i just need images to try it with.<!--content-->Hi everyone,<br />
<br />
Firstly may I say how impressed I am to see so many responses to my post..Thankyou.<br />
<br />
You can see the page at:-<br />
<br />
<!-- m --><a class="postlink" href="http://freespace.virgin.net/andy.hingston/">http://freespace.virgin.net/andy.hingston/</a><!-- m --><br />
<br />
There is a small vertical line and its coresponding text that appears when you hover over the nav buttons.<br />
<br />
If you then press F11 or resize the window, these DIVS appear to move - but I think it is the table re-centering!<br />
<br />
Problem is how to I overcome this problem without some kind of script?<br />
<br />
Thanks Again<!--content-->There are a few errors (<!-- m --><a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2Ffreespace.virgin.net%2Fandy.hingston%2F&charset=%28detect+automatically%29&doctype=HTML+4.01+Transitional&ss=1&outline=1&sp=1">http://validator.w3.org/check?uri=http% ... ine=1&sp=1</a><!-- m -->) in the code to look at. Add:<br />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> in the <head> section, and recheck this link (<!-- m --><a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2Ffreespace.virgin.net%2Fandy.hingston%2F&charset=%28detect+automatically%29&doctype=HTML+4.01+Transitional&ss=1&outline=1&sp=1">http://validator.w3.org/check?uri=http% ... ine=1&sp=1</a><!-- m -->) again. Add alt="*" to <img> tags for bullet point images, alt="" to unimportant images, and alt="some text" to important content and navigation images (for users with images turned off or which fail to load, and for users with non-visual browsers). Add type="text/javascript" to the <script> tags as well. Hmm, the first bit of javascript has two comment tags [ <!-- ] but the second bit has none. No idea if some browser may get confused over that or not. All that should only take a few minutes -- worth fixing to see if it helps at all.<!--content-->Hi Guys,<br />
<br />
I decided to create a simple test page to see if it helps understand my problem. If you just resize the page you will see that the Layer DIVS appear to move, however they have an absolute position so I believe that it is the table re-centering?<br />
<br />
Can be viewed at <!-- m --><a class="postlink" href="http://freespace.virgin.net/andy.hingston">http://freespace.virgin.net/andy.hingston</a><!-- m --><br />
<br />
I am really considering using rollover images instead of hiding/showing layers, which I felt was the best method at the time!<br />
<br />
Somebody out there must have designed a page with a similar navigation system ;-(<br />
<br />
Happy 2003 to everyone..<!--content-->Hi Guys,<br />
<br />
Have managed to sort my little problem by nesting the table inside another DIV. This way the navigation DIV is relative to the table cell.<br />
<br />
Thanks for the assistance everybody.<br />
<br />
Regards<!--content-->