problem with vertical drop down menu

  • Thread starter Thread starter ME
  • Start date Start date
M

ME

The website: www.ringaroundthephonics.com was originally done by a web
design company - non FP, I have been asked to help with making changes. I
freely admit that I don't understand quite a bit of the existing code, but
can make sense of enough of it to figure out most changes I've been asked to
make so far. I've added a vertical drop down menu after following a link
provided based on a request from a previous poster to this group using a
script from simplythebest.net. I've been able to get the menu working with
tweaks to fit this website, although for some reason it shows up on the
website and in the preview mode in FP, but not in the normal mode in FP?
That I can work with, but it might lead to the problem/question I'm needing
help with. You can see where I added the menu on this test page:
http://www.ringaroundthephonics.com/practice2.htm If you compare the
original homesite and this one, you can see the main text area box is
bumping out on the right side. I can't seem to figure out what to change in
the html to fix this. I think it has something to do with the tables, but
when I imported the original pages to be able to change them in FP, I can't
seem to locate which table is which. Any help? Thanks!
 
ME said:
The website: www.ringaroundthephonics.com was originally done by a
web design company - non FP, I have been asked to help with making
changes. I freely admit that I don't understand quite a bit of the
existing code, but can make sense of enough of it to figure out most
changes I've been asked to make so far. I've added a vertical drop
down menu after following a link provided based on a request from a
previous poster to this group using a script from simplythebest.net. I've
been able to get the menu working with tweaks to fit this
website, although for some reason it shows up on the website and in
the preview mode in FP, but not in the normal mode in FP? That I can
work with, but it might lead to the problem/question I'm needing help
with. You can see where I added the menu on this test page:
http://www.ringaroundthephonics.com/practice2.htm If you compare the
original homesite and this one, you can see the main text area box is
bumping out on the right side. I can't seem to figure out what to
change in the html to fix this. I think it has something to do with
the tables, but when I imported the original pages to be able to
change them in FP, I can't seem to locate which table is which. Any
help? Thanks!
Click to expand...

Well, there are a couple of nested tables in the first row, second cell.
Apart from that, it is only one table.

In the second row second cell, I notice this (line 422-423)
<td valign="top" colspan="2" bgcolor="#FFFFFF" width="704" height="2">
<img src="http://www.ringaroundthephonics.com/assets/spacer.gif"
width="704" height="46"></td>
I wonder if the spacer is pushing the width of this column out too far now
that the menu has been added ?

BTW, I am only guessing. But I have used spacers myself to change the height
of columns so maybe this is doing the same with the width.
On the other hand, I thought tables set all rows to the same width.

Perhaps an expert is needed here.
 
Trevor L. said:
Well, there are a couple of nested tables in the first row, second cell.
Apart from that, it is only one table.

In the second row second cell, I notice this (line 422-423)
<td valign="top" colspan="2" bgcolor="#FFFFFF" width="704" height="2">
<img src="http://www.ringaroundthephonics.com/assets/spacer.gif"
width="704" height="46"></td>
I wonder if the spacer is pushing the width of this column out too far now
that the menu has been added ?

BTW, I am only guessing. But I have used spacers myself to change the
height of columns so maybe this is doing the same with the width.
On the other hand, I thought tables set all rows to the same width.

Perhaps an expert is needed here.
Click to expand...

Thanks for the guess Trevor, that's about all I can do right now too. :( I
tried changing the width in the spacers with no results whatsoever, and if I
take that line out completely it just reduces the space. I tried changing
every width I could find, none corrected the problem. I tiled
www.ringaroundthephonics.com horizontally above
www.ringaroundthephonics.com/practice2.htm and found that it wasn't the
right side that bumped out, the entire page (not including the red letter
background, has widened to the left, and the text box part is in the same
spot as before. I just can't seem to find out how to get it lined up right
again. Thanks for checking. Maybe someone else here will look and see the
problem right away.
 
Ok, this is not a definitive answer, but hopefully a pointer in the right direction.
I can't open the page without rebooting and using FP2003 because I'm in the middle of some
beta testing.

Here goes:
The container you've created for the menu is adding to the width of the container with the
main content.
You need to look at whether the dropdown is visible: true / false
And then use z order to display it "over" the existing content on the page.

--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed............
........................with a computer
 
I messed with it earlier and removed the menu totally and it's still mucked.
Something in the tables I think, but couldn't find it easily.

It'd probably be easier for ME to just clone another page and start over
again.


| Ok, this is not a definitive answer, but hopefully a pointer in the right
direction.
| I can't open the page without rebooting and using FP2003 because I'm in
the middle of some
| beta testing.
|
| Here goes:
| The container you've created for the menu is adding to the width of the
container with the
| main content.
| You need to look at whether the dropdown is visible: true / false
| And then use z order to display it "over" the existing content on the
page.
|
| --
| Steve Easton
| Microsoft MVP FrontPage
| 95isalive
| This site is best viewed............
| .......................with a computer
|
|
|
|
|
| | > The website: www.ringaroundthephonics.com was originally done by a web
design company -
| > non FP, I have been asked to help with making changes. I freely admit
that I don't
| > understand quite a bit of the existing code, but can make sense of
enough of it to
| > figure out most changes I've been asked to make so far. I've added a
vertical drop down
| > menu after following a link provided based on a request from a previous
poster to this
| > group using a script from simplythebest.net. I've been able to get the
menu working
| > with tweaks to fit this website, although for some reason it shows up on
the website and
| > in the preview mode in FP, but not in the normal mode in FP? That I can
work with, but
| > it might lead to the problem/question I'm needing help with. You can
see where I added
| > the menu on this test page:
http://www.ringaroundthephonics.com/practice2.htm If you
| > compare the original homesite and this one, you can see the main text
area box is
| > bumping out on the right side. I can't seem to figure out what to
change in the html to
| > fix this. I think it has something to do with the tables, but when I
imported the
| > original pages to be able to change them in FP, I can't seem to locate
which table is
| > which. Any help? Thanks!
| >
| > --
| > M
| >
|
|
 
On the test page you are setting table width (905 ) in px.
- on the original they are set in % (100%)

--

_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!" (-;
To find the best Newsgroup for FrontPage support see:
http://www.frontpagemvps.com/FrontPageNewsGroups/tabid/53/Default.aspx
_____________________________________________


|I messed with it earlier and removed the menu totally and it's still mucked.
| Something in the tables I think, but couldn't find it easily.
|
| It'd probably be easier for ME to just clone another page and start over
| again.
|
|
| || Ok, this is not a definitive answer, but hopefully a pointer in the right
| direction.
|| I can't open the page without rebooting and using FP2003 because I'm in
| the middle of some
|| beta testing.
||
|| Here goes:
|| The container you've created for the menu is adding to the width of the
| container with the
|| main content.
|| You need to look at whether the dropdown is visible: true / false
|| And then use z order to display it "over" the existing content on the
| page.
||
|| --
|| Steve Easton
|| Microsoft MVP FrontPage
|| 95isalive
|| This site is best viewed............
|| .......................with a computer
||
||
||
||
||
|| || > The website: www.ringaroundthephonics.com was originally done by a web
| design company -
|| > non FP, I have been asked to help with making changes. I freely admit
| that I don't
|| > understand quite a bit of the existing code, but can make sense of
| enough of it to
|| > figure out most changes I've been asked to make so far. I've added a
| vertical drop down
|| > menu after following a link provided based on a request from a previous
| poster to this
|| > group using a script from simplythebest.net. I've been able to get the
| menu working
|| > with tweaks to fit this website, although for some reason it shows up on
| the website and
|| > in the preview mode in FP, but not in the normal mode in FP? That I can
| work with, but
|| > it might lead to the problem/question I'm needing help with. You can
| see where I added
|| > the menu on this test page:
| http://www.ringaroundthephonics.com/practice2.htm If you
|| > compare the original homesite and this one, you can see the main text
| area box is
|| > bumping out on the right side. I can't seem to figure out what to
| change in the html to
|| > fix this. I think it has something to do with the tables, but when I
| imported the
|| > original pages to be able to change them in FP, I can't seem to locate
| which table is
|| > which. Any help? Thanks!
|| >
|| > --
|| > M
|| >
||
||
|
|
 
ah ha...someone dragged a table/cell border.



| On the test page you are setting table width (905 ) in px.
| - on the original they are set in % (100%)
|
| --
|
| _____________________________________________
| SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
| "Warning - Using the F1 Key will not break anything!" (-;
| To find the best Newsgroup for FrontPage support see:
| http://www.frontpagemvps.com/FrontPageNewsGroups/tabid/53/Default.aspx
| _____________________________________________
|
|
||I messed with it earlier and removed the menu totally and it's still
mucked.
|| Something in the tables I think, but couldn't find it easily.
||
|| It'd probably be easier for ME to just clone another page and start over
|| again.
||
||
|| ||| Ok, this is not a definitive answer, but hopefully a pointer in the
right
|| direction.
||| I can't open the page without rebooting and using FP2003 because I'm in
|| the middle of some
||| beta testing.
|||
||| Here goes:
||| The container you've created for the menu is adding to the width of the
|| container with the
||| main content.
||| You need to look at whether the dropdown is visible: true / false
||| And then use z order to display it "over" the existing content on the
|| page.
|||
||| --
||| Steve Easton
||| Microsoft MVP FrontPage
||| 95isalive
||| This site is best viewed............
||| .......................with a computer
|||
|||
|||
|||
|||
||| ||| > The website: www.ringaroundthephonics.com was originally done by a
web
|| design company -
||| > non FP, I have been asked to help with making changes. I freely admit
|| that I don't
||| > understand quite a bit of the existing code, but can make sense of
|| enough of it to
||| > figure out most changes I've been asked to make so far. I've added a
|| vertical drop down
||| > menu after following a link provided based on a request from a
previous
|| poster to this
||| > group using a script from simplythebest.net. I've been able to get
the
|| menu working
||| > with tweaks to fit this website, although for some reason it shows up
on
|| the website and
||| > in the preview mode in FP, but not in the normal mode in FP? That I
can
|| work with, but
||| > it might lead to the problem/question I'm needing help with. You can
|| see where I added
||| > the menu on this test page:
|| http://www.ringaroundthephonics.com/practice2.htm If you
||| > compare the original homesite and this one, you can see the main text
|| area box is
||| > bumping out on the right side. I can't seem to figure out what to
|| change in the html to
||| > fix this. I think it has something to do with the tables, but when I
|| imported the
||| > original pages to be able to change them in FP, I can't seem to locate
|| which table is
||| > which. Any help? Thanks!
||| >
||| > --
||| > M
||| >
|||
|||
||
||
|
|
 
Steve Easton said:
Ok, this is not a definitive answer, but hopefully a pointer in the right
direction.
I can't open the page without rebooting and using FP2003 because I'm in
the middle of some beta testing.

Here goes:
The container you've created for the menu is adding to the width of the
container with the main content.
You need to look at whether the dropdown is visible: true / false
And then use z order to display it "over" the existing content on the
page.
Click to expand...

It's a good thing you are beta testing and not me, what you wrote is way
over my head. But thanks for checking for me. I ended up taking Rob's
(Crash) advice and started from scratch. Now it works.
 
Rob Giordano (Crash) said:
ah ha...someone dragged a table/cell border.

| On the test page you are setting table width (905 ) in px.
| - on the original they are set in % (100%)
|
| --
|
Click to expand...

Thanks for the help guys. I ended up taking Rob's advice and made the page
from scratch. I'd originally just been editing each page as necessary as I
wasn't able to import them into FP successfully. Now I've made this page,
I'll just use it as a template and redo the whole site in FP. Stefan, I
wasn't able to find the table set at 905, but I did find one at 920. Maybe
I'd futzed with it after you'd already seen it, but if that's the case, it
still didn't seem to fix the problem when I tried changing it to all sorts
of different numbers and percentages. In any case, the problem is gone.
You can see where I got it working at
www.ringaroundthephonics.com/new_page_1.htm Yay! Now I get to change
everything else. :)

You guys are always so polite and helpful. I've had so many questions
answered already just by reading the archived messages. Thanks so much!
 
You're welcome, and thanks for the feedback.
It's a cute website, I like it.

PS...don't manually drag table/cell borders, if you do...immediately undo it
or you'll wank out the tables.

Rob.


| | > ah ha...someone dragged a table/cell border.
| >
| > | > | On the test page you are setting table width (905 ) in px.
| > | - on the original they are set in % (100%)
| > |
| > | --
| > |
|
| Thanks for the help guys. I ended up taking Rob's advice and made the
page
| from scratch. I'd originally just been editing each page as necessary as
I
| wasn't able to import them into FP successfully. Now I've made this page,
| I'll just use it as a template and redo the whole site in FP. Stefan, I
| wasn't able to find the table set at 905, but I did find one at 920.
Maybe
| I'd futzed with it after you'd already seen it, but if that's the case, it
| still didn't seem to fix the problem when I tried changing it to all sorts
| of different numbers and percentages. In any case, the problem is gone.
| You can see where I got it working at
| www.ringaroundthephonics.com/new_page_1.htm Yay! Now I get to change
| everything else. :)
|
| You guys are always so polite and helpful. I've had so many questions
| answered already just by reading the archived messages. Thanks so much!
|
| --
| M
|
|
 
Sometimes the longer route is easier.
They don't call me "Crash" for nuttin' you know :-)


|
| | > Ok, this is not a definitive answer, but hopefully a pointer in the
right
| > direction.
| > I can't open the page without rebooting and using FP2003 because I'm in
| > the middle of some beta testing.
| >
| > Here goes:
| > The container you've created for the menu is adding to the width of the
| > container with the main content.
| > You need to look at whether the dropdown is visible: true / false
| > And then use z order to display it "over" the existing content on the
| > page.
| >
| > --
| > Steve Easton
|
| It's a good thing you are beta testing and not me, what you wrote is way
| over my head. But thanks for checking for me. I ended up taking Rob's
| (Crash) advice and started from scratch. Now it works.
|
| --
| M
|
|
 
Back
Top