Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 2 of 2
  1. #1
    Junior Member
    Join Date
    Aug 2004
    Posts
    26
    Member #
    6978
    Hi,
    The dropdown menu on the portfolio link works just fine in IE, but in firefox it stretches the navbar out and puts all of the links in the cell instead of having them drop down when moused over. here is piece of code:

    HTML Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>Matt Martin Graphic &amp; Web Design - web sites, logos, flash animation, graphic design and more!</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    
    <style type="text/css">
    
        BODY {scrollbar-3dlight-color:#00AEEF;
               scrollbar-arrow-color:#00AEEF;
               scrollbar-base-color:#00AEEF;
               scrollbar-track-color:#FFFFFF;
               scrollbar-darkshadow-color:#00AEEF;
               scrollbar-face-color:#FFFFFF;
               scrollbar-highlight-color:#00AEEF;
               scrollbar-shadow-color:#00AEEF}
    
    body {
    background: white;
    margin: 0;
    padding: 0;
    border: 0;}
    <!--
    A:visited  {font-family: arial; font-weight: bold; font-size: 11px; color: #FFFFFF; text-decoration: none}
    A:link  {font-family: arial; font-weight: bold; font-size: 11px; color: #FFFFFF; text-decoration: none}
    A:active  {font-family: arial; font-weight: bold; font-size: 11px; color: #FFFFFF; text-decoration: none}
    A:hover   {font-family: arial; font-weight: bold; font-size: 11px; color: #000000; text-decoration: underline}
    //-->
    <!-- 
    td.test { 
      border: 0px; 
      background: #00AEEF; 
    } 
    td.test2 { 
      border: 0px; 
      background: #6BD8FF;
    } 
    -->
    <!-- 
    td.test3 { 
      border: 0px; 
      background: #6BD8FF; 
    } 
    td.test4 { 
      border: 0px; 
      background: #00AEEF;
    } 
    -->
    <!-- 
    td.test5 { 
      border: 0px; 
      background: #FFFFFF; 
    } 
    td.test6 { 
      border: 0px; 
      background: #000000;
    } 
    -->
    <!-- 
    td.test7 { 
      border: 0px; 
      background: #000000; 
    } 
    td.test8 { 
      border: 0px; 
      background: #FFFFFF;
    }
    
    tr.port { 
      border: 0px; 
      background: #00AEEF; 
    } 
    tr.port2 { 
      border: 0px; 
      background: #6BD8FF;
       
    td.menu{background:#00AEEF}
    table.menu
    {
    font-size:11px;
    position:absolute;
    visibility:hidden;
    background:#00AEEF
    }
    </style>
    
    <script type="text/javascript">
    function showmenu(elmnt)
    {
    document.getElementById(elmnt).style.visibility="visible";
    }
    function hidemenu(elmnt)
    {
    document.getElementById(elmnt).style.visibility="hidden";
    }
    </script>
    
    </head>
    
    <body>
    <table width="100%" height="100%" border="0" align="right" cellpadding="0" cellspacing="0">
      <tr><td>
    
    <table border="0" align="right" cellpadding="0" cellspacing="2" bordercolor="#FFFFFF">
            <tr colspan="7"> 
              <Td height="60" colspan="5" align="center" valign="middle" background="header_bg.gif"></font></strong></font></div>&nbsp;&nbsp;<img src="header.gif" alt="Matt Martin Graphic &amp; Web Design - web sites, logos, flash animation, graphic design and more!" width="461" height="34"></Td>
              <Td height="60" colspan="3" align="right" valign="middle"><img src="MM.gif" alt="Matt Martin Graphic &amp; Web Design - web sites, logos, flash animation, graphic design and more!" width="184" height="60"></Td>
            </tr>
            <tr colspan="7"> 
              <Td colspan="4" background="nav_bg.gif">&nbsp;</Td>
              <Td bgcolor="00AEEF" class="test" onmouseover="this.className='test2'" 
    onmouseout="this.className='test'"><div align="center"><a href="index.htm">Home</a></div></Td>
              <Td bgcolor="00AEEF" class="test" onmouseover="this.className='test2'" 
    onmouseout="this.className='test'"><div align="center"><a href="about.htm">About</a></div></Td>
              <Td bgcolor="00AEEF" class="test" onmouseover="this.className='test2'" 
    onmouseout="this.className='test'">
    <table width="60">
      <tr bgcolor="#00AEEF" class="port" onmouseover="this.className='port2'" 
    onmouseout="this.className='port'"> 
                    <td width="60" onmouseover="showmenu('Portfolio')" onmouseout="hidemenu('Portfolio')"> 
                      <a href="websites.htm">&nbsp;Portfolio</a><br /> 
          <table class="menu" id="Portfolio" width="60">
            <tr> 
              <td class="menu"><a href="websites.htm">Web sites</a></td>
            </tr>
            <tr> 
              <td class="menu"><a href="logos.htm">Logos</a></td>
            </tr>
    		<tr> 
              <td class="menu"><a href="print.htm">Print</a></td>
            </tr>
            <tr> 
              <td class="menu"><a href="animation.htm">Animation</a></td>
            </tr>
            <tr> 
              <td class="menu"><a href="miscdesign.htm">Misc.</a></td>
            </tr>
          </table></td>
      </tr>
    </table>
    </Td>
              <Td bgcolor="00AEEF" class="test" onmouseover="this.className='test2'" 
    onmouseout="this.className='test'"><div align="center"><a href="contact.htm">Contact</a></div></Td>
            </tr>
    Any help is greatly appreciated.
    Thanks, Matt

  2.  

  3. #2
    Junior Member
    Join Date
    Aug 2004
    Posts
    26
    Member #
    6978
    nevermind, I got it working now. I missed some closing brackets and comments.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 03:59 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com