locked
Button Menu won't stay centered RRS feed

  • Question

  • Goal: I am trying to insert a pull-down menu  at the top of my website [under the title] to simplify and replace the long list of links on the left side of my website.

    Problem: When I insert the pulldown menus [put together on my layers-Menu page [ www.budoshin.com/layers-Menu.htm ] on my Master page [ www.budoshin.com/masterB.dwt ] the menu is skewed to the left, flush with the left border of the page when I publish the page. The menu is also on top of the website logo. Although I can create another table or cell below the logo & make it “centered” the pull-down menus are still skewed to the left border of the page. My basic menu list is on 1 layer & each of the pull-downs is in a separate & different layer. They all work properly.

    Question: How do I get my pull-down menu list [layer 1] to be centered under the BudoshinJu-Jitsu Yudanshakai logo on my master page so that it will remain there when I publish the page.

    Although I am not “competent” with html code I can work with it if I know what I’m supposed to do. I have attached a couple of excerpts FYI, although I don’t know if they’re of any value to you.

    The only two things that stand out to me are on the layers-Menu.htm page & I’ve highlighted both items.  I also need to ask two questions, out of curiosity:

    div id="ResSub0" style="position: absolute; left  

    Ques #1: Should the above position be changed from “absolute” to “relative” and what would the effect be?

    Ques #2: Should the word “left” be changed to “center” and what would the effect be?

    Somehow I feel there’s an obvious and relatively simple solution to my problem. I just can’t find it though. Hope you can help.

     

    master.dwt code for top segment of page:

    <body style="margin-top: 0pt; margin-right: 0pt; margin-left: 0pt; margin-bottom: 0pt; color: #0000FF;">

    <table cellspacing="0" cellpadding="0" align="center">

                   <tr>

                                  <td class="style25" style="height: 75px"></td>

                                  <td class="style24" style="width: 100%; height: 75px">

                                  <p class="style23">

                                  &nbsp;<img SRC="images/bjjy_banner.jpg" BORDER="0" /></p>

                                  </td>

                                  <td class="style25" style="height: 75px"></td>

                   </tr>

     

    Layers-Menu.htm page Line 57:

    <div id="mainMenu0" style="width: 791px; height: 20px; z-index: 1; left: 131px; top: 72px; visibility: visible; position: relative;" class="style2">

                   <div id="ResSub0" style="position: absolute; left: 604px; top: 40px; width: 100px; height: 141px; z-index: 9; visibility: hidden" onmouseout="FP_changeProp(/*id*/'ResSub0',0,'style.visibility','hidden')" onmouseover="FP_changeProp(/*id*/'ResSub0',0,'style.visibility','visible')" class="style2">


    • Edited by senseigk Sunday, January 29, 2012 12:15 AM corrected error in one website link.
    Saturday, January 28, 2012 10:07 PM

Answers

  • Your first link, to www.budoshin.com/layers-Menu.htm is broken. The second does not illustrate the problem. Regardless, if you are using layers and CSS positioning, you are opening yourself up to a host of problems, and you are unlikely to find anyone here who uses such methods and is prepared to advise you in doing so.

    You will need to provide a link to the actual malfunctioning page, but I suspect that you will be advised to take a different approach.

    cheers,
    scott


    Please remember to "Mark as Answer" the responses that resolved your issue. It is common courtesy to recognize those who have helped you, and it also makes it easier for visitors to find the resolution later.
    • Marked as answer by senseigk Sunday, January 29, 2012 2:24 PM
    Sunday, January 29, 2012 1:01 AM

All replies

  • Your first link, to www.budoshin.com/layers-Menu.htm is broken. The second does not illustrate the problem. Regardless, if you are using layers and CSS positioning, you are opening yourself up to a host of problems, and you are unlikely to find anyone here who uses such methods and is prepared to advise you in doing so.

    You will need to provide a link to the actual malfunctioning page, but I suspect that you will be advised to take a different approach.

    cheers,
    scott


    Please remember to "Mark as Answer" the responses that resolved your issue. It is common courtesy to recognize those who have helped you, and it also makes it easier for visitors to find the resolution later.
    • Marked as answer by senseigk Sunday, January 29, 2012 2:24 PM
    Sunday, January 29, 2012 1:01 AM
  • Scott, the link works - it was mistyped with a hyphen instead of a dot in the actual link.

    It's made of FP buttons, the resulting bloated javascript, and some of the dropdowns overlap and the menu doesn't work properly as a result of that, in at least IE9.

    Senseigk, back up and use a menu designed for you by someone else rather than worrying about going forward with this one.

    Do NOT use the FrontPage buttons.  [It would be very nice if the next version of EW dropped those.  Two many people are led down the garden path....]

    As just one of many far better choices, see Cheryl's tutorial on the Project 7 menu. http://by-expression.com/post/2009/09/22/CSS-Based-Dropdown-Menus.aspx  Free to use, and the coding is done for you.

     

    Sunday, January 29, 2012 1:38 AM
  • Scott, the link works - it was mistyped with a hyphen instead of a dot in the actual link.
    ???

    Really? I just retried it as http://www.budoshin.com/layers.Menu.htm, and it still failed. Was there a hyphen somewhere else that I missed? If you don't mind, could you please post the corrected link that worked for you?

    cheers,
    scott


    Please remember to "Mark as Answer" the responses that resolved your issue. It is common courtesy to recognize those who have helped you, and it also makes it easier for visitors to find the resolution later.
    • Edited by paladyn Sunday, January 29, 2012 2:39 AM
    Sunday, January 29, 2012 1:59 AM
  • Scott, you added a dot where you shouldn't have.  the link in the OP's post goes to -htm instead of .htm  Hover your mouse over it.
    • Edited by KathyW2 Sunday, January 29, 2012 2:58 AM
    Sunday, January 29, 2012 2:57 AM
  • I must be thick as mud tonight. I entered it as "http://www.budoshin.com/layers-Menu-htm," just as the status bar shows when hovered, and I still get a 404 error(??).

    cheers,
    scott


    Please remember to "Mark as Answer" the responses that resolved your issue. It is common courtesy to recognize those who have helped you, and it also makes it easier for visitors to find the resolution later.
    Sunday, January 29, 2012 3:31 AM
  • Scott, I told you that the original link (the actual link - what you see when you hover your mouse) was a typo.  Rather obviously, -htm is wrong, and .htm is the correct change.  The link title as you see it in the page was the correct href; the actual href it goes to, which you can see when you hover the mouse, was incorrect.

    • Edited by KathyW2 Sunday, January 29, 2012 3:40 AM
    Sunday, January 29, 2012 3:36 AM
  • Ah, OK. Like I said... thick tonight.  ;-)

    Eeeww! It's  easy to forget how bloated and butt-ugly that FP code really is until you see it again. I sure hope that MS finally ditches that crap with the next version of EW.

    cheers,
    scott


    Please remember to "Mark as Answer" the responses that resolved your issue. It is common courtesy to recognize those who have helped you, and it also makes it easier for visitors to find the resolution later.
    • Edited by paladyn Sunday, January 29, 2012 4:01 AM
    Sunday, January 29, 2012 3:39 AM
  • Scott- Thanks for the info. I corrected the typo error. However, your response was the first of many advising against the use of layers , CSS positionining, and even using the EW/FP buttons due to the tons of code that would be created. Also thanks to all for your fast response!! I appreciate it.
    George Kirby
    Sunday, January 29, 2012 2:26 PM