D
Don Dean
Hi all.
Got a strange one that I can't figure out so need some help from all you
smart people.
I have built a table to use as a main menu in FP2003 and each cell opens
(makes visible) a submenu with a mouseover behavior. The submenus are tables
inside of absolute positioned DIVs and each cell in each submenu table has a
text link to a page. The DIVs are brought up with a mouseover on a cell in
the main menu table. Pretty standard stuff.
Everything works and looks just fine in all of the browsers that I have
tested with, except for IE and FP Preview mode.
In these two, when you initially view the main menu, the cell lines of the
submenus appear on the page, although the contents of the cells, the submenu
tables and the DIVs are all hidden, like they are supposed to be, when the
page first appears.
When I do a mouseover on a main menu cell, to bring up a submenu then it
looks OK and with a mouseout, everything disappears, like it should,
including the cell border lines of the submenus that were initially showing.
I've defined the DIVs which contain the submenus to be hidden initially.
I've run FPcleaner and restarted FP, but nothing seems to fix the problem.
Of course, if I eliminate the cell borders, then the problem doesn't happen,
but then I also don't have lines (borders) separating the text of each cell.
I'd like to keep the cell lines in the submenus, if I can.
Any ideas??? Here's the code I have in my styles page that defines the
attributes of the DIVs for the submenus and the submenu tables.
..divsubmenu
{
position: absolute;
left: 130px;
width: 220px;
visibility: hidden;
padding-top: 30px;
padding-bottom: 30px;
}
..tabsubmenu
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
width: 100%;
background-color: #B7DBFF;
border-collapse: collapse;
border: 1pt #003399 solid;
}
..tabsubmenu td
{
padding-left: 7px;
padding-top: 2px;
padding-bottom: 2px;
border: 1pt #003399 solid;
}
Got a strange one that I can't figure out so need some help from all you
smart people.
I have built a table to use as a main menu in FP2003 and each cell opens
(makes visible) a submenu with a mouseover behavior. The submenus are tables
inside of absolute positioned DIVs and each cell in each submenu table has a
text link to a page. The DIVs are brought up with a mouseover on a cell in
the main menu table. Pretty standard stuff.
Everything works and looks just fine in all of the browsers that I have
tested with, except for IE and FP Preview mode.
In these two, when you initially view the main menu, the cell lines of the
submenus appear on the page, although the contents of the cells, the submenu
tables and the DIVs are all hidden, like they are supposed to be, when the
page first appears.
When I do a mouseover on a main menu cell, to bring up a submenu then it
looks OK and with a mouseout, everything disappears, like it should,
including the cell border lines of the submenus that were initially showing.
I've defined the DIVs which contain the submenus to be hidden initially.
I've run FPcleaner and restarted FP, but nothing seems to fix the problem.
Of course, if I eliminate the cell borders, then the problem doesn't happen,
but then I also don't have lines (borders) separating the text of each cell.
I'd like to keep the cell lines in the submenus, if I can.
Any ideas??? Here's the code I have in my styles page that defines the
attributes of the DIVs for the submenus and the submenu tables.
..divsubmenu
{
position: absolute;
left: 130px;
width: 220px;
visibility: hidden;
padding-top: 30px;
padding-bottom: 30px;
}
..tabsubmenu
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
width: 100%;
background-color: #B7DBFF;
border-collapse: collapse;
border: 1pt #003399 solid;
}
..tabsubmenu td
{
padding-left: 7px;
padding-top: 2px;
padding-bottom: 2px;
border: 1pt #003399 solid;
}