My dropdown menu code expands the height of the cell/main table!!

  • Thread starter Thread starter Sixbells
  • Start date Start date
S

Sixbells

Frontpage 2003. I have a navbar.htm that I have designed for a site I am
trying to finish up. However, when I insert the code in the cell, it expands
the height of the cell and also the height of the main table. Perhaps a
better solution might be 1). to somehow link the navbar.htm code in the cell,
although when I tried that, it still expands the overall height, or 2) Create
a gif of the three main buttons, create a hyperlink to each and somehow
create a single level drop down menu for the Attorneys button.

Thanks for your help in advance, this is the only thing holding me up now,
so I appreciate any help you can provide! This is a great forum!!
 
Sorry...to clarify, the navbar has three main buttons, and the middle button
"Attorneys" is a single level drop down with three menu items, Name 1, Name
2, Name 3. I have a screen shot that I wish I could attach for
clarification, but this will have to do. I beat the 'click to activate'
issue, but when inserting the code in the cell the entire menu bar including
the Attorneys' names 1-3 appear and that is what is expanding the height of
the cell/main table.
 
A look at your existing code for the navigation bar (or a published
page) will help - you can post a code snippet here. Your description
does not describe how the menu expands - does it use layers, for
example? What event on which HTML element triggers the drop down?
 
I don't think your design will ever work as required without a lot of
work. There are a considerable number of unnecessary nested tables, all
running JavaScripts as events on the table cells - makes it difficult to
see what is going on.

I have redesigned the menu and simplified the page layout at
http://www.rxs-enterprises.org/tests/pages/attorneys/
Some of the images will not show (a default "Example" image may be shown
instead) but you should be able to use the code that is there.

The menu there is taken from the ProjectSeven web site at
http://www.projectseven.com/tutorials/navigation/auto_hide/index.htm
This menu is easily expanded by simply adding extra links.


A zipped version of the entire attorneys folder can be downloaded from
http://www.rxs-enterprises.org/tests/pages/attorneys/folder.zip

--
Ron Symonds - Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.

http://www.rxs-enterprises.org/fp
 
Thanks Ron, your are the best!

Ronx said:
I don't think your design will ever work as required without a lot of
work. There are a considerable number of unnecessary nested tables, all
running JavaScripts as events on the table cells - makes it difficult to
see what is going on.

I have redesigned the menu and simplified the page layout at
http://www.rxs-enterprises.org/tests/pages/attorneys/
Some of the images will not show (a default "Example" image may be shown
instead) but you should be able to use the code that is there.

The menu there is taken from the ProjectSeven web site at
http://www.projectseven.com/tutorials/navigation/auto_hide/index.htm
This menu is easily expanded by simply adding extra links.


A zipped version of the entire attorneys folder can be downloaded from
http://www.rxs-enterprises.org/tests/pages/attorneys/folder.zip

--
Ron Symonds - Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.

http://www.rxs-enterprises.org/fp
Click to expand...
 
....the wiebsite main table expands as opposed to being fixed in size. Also,
the text in the Home and Lawyers pages do not say formatted as per the CSS
file? It happens in most Browsers, but the NavBar works great in all, even
on a MAC!

Site: http://www.mwncov.com/

Thanks,
Sixbells
~~~~~~~~~~~~~~~~~~~~~~
 
In IE7 and Firefox 2 the home page looks identical, as does btw.htm in
both browsers.

I am a little surprised at this since you are using pts for
measurements, and browsers interpret points in different ways - FireFox
tends to be larger than IE, and Opera smaller. Change all references to
pts to some other measurement, for preference I use keywords such as
small, x-small, medium etc., but you can use ems, %, or px.
It is better to use a measurement that can be scaled by the user,
especially since most of your body text is very small - ems, keywords
and % are best for this, since IE will not resize pts or px. 9pt text
is roughly equivalent to x-small, 12px, .8ems, 80%.

The tables are fixed in width in both browsers on both tables. Are you
confusing the centering of the tables?

The design centers the table in the page - or it would if you removed
the margins in the body tag -with the left margin set at 40px the table
will always be off centre.
Also remove the height from the table - this is illegal HTML and may
force the browser into quirks mode, which will cause display
discrepancies. The table height will be set by the height of the image
in the left cell.

Some browsers will ignore empty table cells such as <td
height="87"></td>
This last column appears to be empty, so can be removed.

The table also has conflicting styles for the border:
<table cellpadding="0" cellspacing="0" bordercolor="#164C99"
style="border: 1px solid #000000; background-color: #FFFFFF" width="900"
height="710">

bordercolor="#164c99" is overruled by style="border: 1px solid #000000
which sets the border colour to black (#000000)


--
Ron Symonds - Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.

http://www.rxs-enterprises.org/fp
 
Back
Top