A few code issues for this

Discussion in 'Programming' started by jazzzyman, Mar 21, 2013.

0
  1. #1
    so basically this code is inserted between the body tags as it is. no idea if all of the code is needed its just the closest working thing i have found and edited

    problem being the browser thinks the page hasnt finished loading

    also how would i add a second and maybe third row in the drop down?
    another thing
    i use frontpage dont laugh, is there any way to stop the entire drop down menu being displayed during editing? it kind of gets in the way with every image in the menu being visible on screen while im in fp

    <table border="1" cellspacing="1" width="60" height="60">
    <tr>
    <td width="60" height="60"><style>

    table



    table.menu
    {
    font-size:100%;
    position:absolute;
    visibility:hidden;
    }
    </style>
    <script type="text/javascript">
    function showmenu(elmnt)
    {
    document.getElementById(elmnt).style.visibility="visible";
    }
    function hidemenu(elmnt)
    {
    document.getElementById(elmnt).style.visibility="hidden";
    }
    </script>



    <table width="60" height="60">
    <tr bgcolor="#FFFFFF">
    <td onmouseover="showmenu('Graphic Design')" onmouseout="hidemenu('Graphic Design')">
    <img src="Thumbs/plus.png" width="60" height="60"><br />
    <table class="menu" id="Graphic Design" width="60">
    <tr><td class="menu"><a href="www.techagesite.com/meboy.htm">
    <img src="thumbs/angry-birds-iphone-4-wallpaper-mobile-05_small.jpg" width="100" height="150"></td></tr>
    <tr><td class="menu"><a href="www.techagesite.com/meboy.htm">
    <img src="thumbs/angry-birds-iphone-4-wallpaper-mobile-05_small.jpg" width="100" height="150"></td></tr>
    </table>
    </td>


    </td>
    </tr>
    </table></td>
    </tr>
    </table>
     
    jazzzyman, Mar 21, 2013 IP
  2. jazzzyman

    jazzzyman Well-Known Member

    Messages:
    117
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    103
    #2
    update fixed it however

    the images dont come up when i publish but do when i preview it on my pc
    their dimensions and links come up tho
    please someone help
     
    jazzzyman, Mar 21, 2013 IP
  3. Rukbat

    Rukbat Well-Known Member

    Messages:
    2,908
    Likes Received:
    37
    Best Answers:
    51
    Trophy Points:
    125
    #3
    First, get rid of Front Page. Use a plain text editor.

    You're mixing style, script and content. Put the style in the head and the script either in the head or after the </body> tag.

    Then get rid of the table. It doesn't look as if you're displaying any tabular data.

    As far as the images, do you have a "thumbs" directory directly off the root directory of the site? And have you uploaded the image files to it?

    For a menu, look for a CSS menu on the web. There are thousands of examples (with code).
     
    Rukbat, Mar 22, 2013 IP
  4. jazzzyman

    jazzzyman Well-Known Member

    Messages:
    117
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    103
    #4
    some progress on this
    got the images working thanks to soemone pointing out case sensitivity
    im not good at coding but am very familiar with fp

    this menu took a few hours to find and seems to work good only thing is i need to add a seccond colum
    any idea how to add a second?
    the table is to keep any mouse activity to the right of the image triggering the drop down
    any way you could convert this drop down menu to css?
    i keep the entire code together as it is easy to just copy and paste the code
     
    jazzzyman, Mar 22, 2013 IP