Unread 10-08-2007, 06:41 AM
pblanker pblanker is offline
Junior Member
Join Date: Oct 2007
Posts: 4
  #1  
Default 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.
Reply With Quote
Unread 10-08-2007, 04:18 PM
bcarl314 bcarl314 is offline
Senior Member
Join Date: Aug 2007
Posts: 141
  #2  
Default

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.
Reply With Quote
Unread 10-08-2007, 04:20 PM
bcarl314 bcarl314 is offline
Senior Member
Join Date: Aug 2007
Posts: 141
  #3  
Default

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

var tINDENT = 7;

to

var tINDENT = 0;
Reply With Quote
Unread 10-08-2007, 04:27 PM
vinyl-junkie vinyl-junkie is offline
Moderator
Join Date: Aug 2007
Posts: 114
  #4  
Default

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.
__________________
Music Around The World - Collecting tips, trade
and want lists, album reviews, & more
SNAP to it!
Reply With Quote
Unread 10-08-2007, 10:40 PM
pblanker pblanker is offline
Junior Member
Join Date: Oct 2007
Posts: 4
  #5  
Default bugger!

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.
Reply With Quote
Unread 10-08-2007, 11:16 PM
vinyl-junkie vinyl-junkie is offline
Moderator
Join Date: Aug 2007
Posts: 114
  #6  
Default

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.
__________________
Music Around The World - Collecting tips, trade
and want lists, album reviews, & more
SNAP to it!
Reply With Quote
Unread 10-09-2007, 10:42 PM
pblanker pblanker is offline
Junior Member
Join Date: Oct 2007
Posts: 4
  #7  
Default still no go...

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?
Reply With Quote
Unread 10-10-2007, 03:21 AM
vinyl-junkie vinyl-junkie is offline
Moderator
Join Date: Aug 2007
Posts: 114
  #8  
Default

Quote:
Originally Posted by pblanker View Post
Should we just put this into the "too hard" basket perhaps?
Never! 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.

Post your custom.js file. There's probably something in it that is causing the problem.
__________________
Music Around The World - Collecting tips, trade
and want lists, album reviews, & more
SNAP to it!
Reply With Quote
Unread 10-10-2007, 04:12 AM
pblanker pblanker is offline
Junior Member
Join Date: Oct 2007
Posts: 4
  #9  
Default our custom.js file...

I certainly appreciate you trying!

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.
Attached Files
File Type: txt custom.txt (18.1 KB, 1 views)
Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT. The time now is 06:27 AM.


Powered by vBulletin® Version 3.0.1
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.