Ultimate Web Site Drop Down Menu Forum

Ultimate Web Site Drop Down Menu Forum (http://www.udm4.com/forum/index.php)

- Troubleshooting (http://www.udm4.com/forum/forumdisplay.php?f=12)

- - menu alignment issues (http://www.udm4.com/forum/showthread.php?t=662)

menu alignment issues

If you have a look at our website: www.rspcavic.org if you visit this with IE, the blue menu bar displays correctly, if you visit with Firefox the blue menu bar is shifted to the right by about 6 chars. If you visit with Safari, the blue menu bar is shifted to the left by about 2 chars. Our web developers have quit the business and we are currently without any support for the development they did. Since we're a charity and not-for-profit, our budgets are tight and we're not likely to get another developer any time soon. The previous guys did it all pro bono, so we cant complain really, I would just like to fix this one problem as it looks really bad when not using IE. Any hints or suggestions are welcome.

cheers.

Looks like you're using version 3.5 on that site. You might want to upgrade to the latest version (4.5).

Additionally, you could checkout the udm3 info here: http://www.udm4.com/udm3/

Hope this helps.

Also, in your custom.js file, you may want to change:

var tINDENT = 7;

to

var tINDENT = 0;

Change the top half of your code:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">



<html>

<head>

<title>RSPCA Victoria: Home</title>

<link href="1rspcavic_style.css" rel="STYLESHEET" type="text/css">



<!--  ULTIMATE DROPDOWN MENU v4.2 by Brothercake  -->

<!--  http://www.udm4.com/  -->

<!--  Courtesy of SimplytheBest.net - http://simplythebest.net/scripts/  -->

<script language="javascript" src="sniffer.js"></script>

<script language="javascript1.2" src="custom.js"></script>

<script language="javascript1.2" src="style.js"></script>



</head>



<body topmargin=0 leftmargin=0 bgcolor="#FFFFFF">

<script language="javascript1.2" src="menu.js"></script>

<table width="800" border="0" cellspacing="0" cellpadding="0" align="center">

<form>

<tr>

        <td width="700" align="right" bgcolor="#003000"><img src="images/1dot-clear.gif" width="700" height="1" alt="" border="0"><br>

        <a class="topnav" href="index.htm">Home</a>&nbsp;&nbsp;|&nbsp;&nbsp;

    <a class="topnav" href="https://bne151v.server-secure.com/vs138364_secure/">Donate Online</a>&nbsp;&nbsp;|&nbsp;&nbsp;



    <a class="topnav" href="about_us/contact.htm">Contact</a>&nbsp;&nbsp;|&nbsp;&nbsp;

    <a class="topnav" href="help_rspca/shop_rspca.htm">Shop Online</a>&nbsp;&nbsp;|&nbsp;&nbsp;

    <a class="topnav" href="about_us/careers.htm">Careers</a>&nbsp;&nbsp;|&nbsp;&nbsp;

    <a class="topnav" href="site_map.htm">Site Map</a>&nbsp;&nbsp;|&nbsp;&nbsp;

        <a href="#" class="topnav">Search</a>&nbsp;&nbsp;&nbsp;&nbsp;</td>



        <td width="100" bgcolor="#003000" class="topnav"><img src="images/1dot-clear.gif" width="100" height="1" alt="" border="0"><br>

        <input type="text" name="searchstring" size="15" style="font-size: 8px;">

        </td>

</tr>

</form>

</table>



<table width="800" border="0" cellspacing="0" cellpadding="0" align="center">

<tr>

        <td>

    <img src="images/home_main_banner.gif" alt="RSPCA For All Creatures Great and Small" border="0" width="800" height="81"><br></td>

</tr>



</table>



<table width="800" border="0" cellspacing="0" cellpadding="0" align="center">

<tr>

        <td bgcolor="#009ACE"><img src="images/1dot-clear.gif" width="1" height="14" alt="" border="0">

        </td>

</tr>

</table>

to this:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">



<html>

<head>

<title>RSPCA Victoria: Home</title>

<link href="1rspcavic_style.css" rel="STYLESHEET" type="text/css">



<!--  ULTIMATE DROPDOWN MENU v4.2 by Brothercake  -->

<!--  http://www.udm4.com/  -->

<!--  Courtesy of SimplytheBest.net - http://simplythebest.net/scripts/  -->

<script language="javascript" src="sniffer.js"></script>

<script language="javascript1.2" src="custom.js"></script>

<script language="javascript1.2" src="style.js"></script>



</head>



<body topmargin=0 leftmargin=0 bgcolor="#FFFFFF">

<script language="javascript1.2" src="menu.js"></script>

<table width="800" border="0" cellspacing="0" cellpadding="0" align="center">

<form>

<tr>

        <td width="700" align="right" bgcolor="#003000"><img src="images/1dot-clear.gif" width="700" height="1" alt="" border="0"><br>

        <a class="topnav" href="index.htm">Home</a>&nbsp;&nbsp;|&nbsp;&nbsp;

    <a class="topnav" href="https://bne151v.server-secure.com/vs138364_secure/">Donate Online</a>&nbsp;&nbsp;|&nbsp;&nbsp;



    <a class="topnav" href="about_us/contact.htm">Contact</a>&nbsp;&nbsp;|&nbsp;&nbsp;

    <a class="topnav" href="help_rspca/shop_rspca.htm">Shop Online</a>&nbsp;&nbsp;|&nbsp;&nbsp;

    <a class="topnav" href="about_us/careers.htm">Careers</a>&nbsp;&nbsp;|&nbsp;&nbsp;

    <a class="topnav" href="site_map.htm">Site Map</a>&nbsp;&nbsp;|&nbsp;&nbsp;

        <a href="#" class="topnav">Search</a>&nbsp;&nbsp;&nbsp;&nbsp;</td>



        <td width="100" bgcolor="#003000" class="topnav"><img src="images/1dot-clear.gif" width="100" height="1" alt="" border="0"><br>

        <input type="text" name="searchstring" size="15" style="font-size: 8px;">

        </td>

</tr>

</table>



<table width="800" border="0" cellspacing="0" cellpadding="0" align="center">

<tr>

        <td>

    <img src="images/home_main_banner.gif" alt="RSPCA For All Creatures Great and Small" border="0" width="800" height="81"><br></td>

</tr>

<tr>

        <td bgcolor="#009ACE"><img src="images/1dot-clear.gif" width="1" height="14" alt="" border="0">

        </td>

</tr>

</form>

</table>

This displays fine for me in Firefox and Internet Explorer. I don't have any other browsers to test it with, but I assume it would be okay there too.

Just as an aside, your problem appears to be just an issue with HTML rather than your UDM menu.

Hope this helps.

First of all, I appreciate the suggestions...

1. I changed the variable in custom.js from 7 to 0 - this made no difference... see for yourself...

2. I looked and I looked but can't see any difference between those 2 quoted sections of html code... Can you identify just the bit that you changed? as I can't see it, sorry...

fyi - the header code identifies UDM as V4.2 not 3.5

cheers.

Here are the differences in those two blocks of HTML code:

(1) Removed lines 44-47 from the original code, thereby making the next row (which contains the image "images/1dot-clear.gif") part of the previous table, rather than making a new table.

(2) Moved the closing </form> tag (previously on line 36) to the next to last statement in the new block (now on line 47).

Don't ask me why that should make a difference. I uploaded it to my web server and tested it in both IE and FF with those changes, and it looked fine to me.

I've copied the index.htm file to index-test.htm. this new file has the suggested changes, you can see for yourself at www.rspcavic.org/index-test.htm

unfortunately, it doesn't look any different to me! on either firefox or safari...

I figure I must be doing something wrong, but for the hell of me, i have no idea what???

Should we just put this into the "too hard" basket perhaps?

Quote:

Originally Posted by pblanker (Post 952)

Should we just put this into the "too hard" basket perhaps?

Never! :D There's a way to solve this problem. We just have to figure out what.

Well, I took a closer look at what I had done. Your menu in the blue below the banner doesn't show up on my copied version of your page onto my site, but that area is also where you're having the problems! Guess I wasn't looking close enough. :o

Post your custom.js file. There's probably something in it that is causing the problem.

our custom.js file...

I certainly appreciate you trying! :cool:

I've attached the file as it was too big to past here. I've given it a .txt extension as it wont upload a .js file...

cheers.