|
10-08-2007, 06:41 AM
|
|
Junior Member
|
Join Date: Oct 2007
Posts: 4
|
|
#1
|
|
|
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. |
|
|
10-08-2007, 04:18 PM
|
|
Senior Member
|
Join Date: Aug 2007
Posts: 141
|
|
#2
|
|
|
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. |
|
|
10-08-2007, 04:20 PM
|
|
Senior Member
|
Join Date: Aug 2007
Posts: 141
|
|
#3
|
|
|
Also, in your custom.js file, you may want to change:
var tINDENT = 7;
to
var tINDENT = 0;
|
|
|
10-08-2007, 04:27 PM
|
|
Moderator
|
Join Date: Aug 2007
Posts: 114
|
|
#4
|
|
|
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> |
<a class="topnav" href="https://bne151v.server-secure.com/vs138364_secure/">Donate Online</a> |
<a class="topnav" href="about_us/contact.htm">Contact</a> |
<a class="topnav" href="help_rspca/shop_rspca.htm">Shop Online</a> |
<a class="topnav" href="about_us/careers.htm">Careers</a> |
<a class="topnav" href="site_map.htm">Site Map</a> |
<a href="#" class="topnav">Search</a> </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> |
<a class="topnav" href="https://bne151v.server-secure.com/vs138364_secure/">Donate Online</a> |
<a class="topnav" href="about_us/contact.htm">Contact</a> |
<a class="topnav" href="help_rspca/shop_rspca.htm">Shop Online</a> |
<a class="topnav" href="about_us/careers.htm">Careers</a> |
<a class="topnav" href="site_map.htm">Site Map</a> |
<a href="#" class="topnav">Search</a> </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. |
|
|
10-08-2007, 10:40 PM
|
|
Junior Member
|
Join Date: Oct 2007
Posts: 4
|
|
#5
|
|
|
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.
|
|
|
10-08-2007, 11:16 PM
|
|
Moderator
|
Join Date: Aug 2007
Posts: 114
|
|
#6
|
|
|
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.
|
|
|
10-09-2007, 10:42 PM
|
|
Junior Member
|
Join Date: Oct 2007
Posts: 4
|
|
#7
|
|
|
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? |
|
|
10-10-2007, 03:21 AM
|
|
Moderator
|
Join Date: Aug 2007
Posts: 114
|
|
#8
|
|
|
Quote:
Originally Posted by pblanker
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. |
|
|
10-10-2007, 04:12 AM
|
|
Junior Member
|
Join Date: Oct 2007
Posts: 4
|
|
#9
|
|
|
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. |
|
Posting Rules
|
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
HTML code is Off
|
|
|
All times are GMT. The time now is 10:31 PM.
|
Linear Mode
