SiteExperts.com Logo Home | Community | Developer's Paradise
User Groups | Site Tools | Site Information | Search
 Main Menu
 Forums
SiteExperts.com Forums
All Discussions

SiteExperts Feedback
The Lounge
Dynamic HTML
Site Design/ Critiques
HTML and CSS
XML Technologies
The Wireless Internet
Internet Explorer
Microsoft .NET
The Server
Technical Support

Sponsored Links

User Groups : Forums : SiteExperts : HTML and CSS :

Previous DiscussionNext Discussion
 Nesting Span Tags

Hi all,

I'm new to the forum as I have a question concerning a project I am working on. Currently I am attempting to develop a navigation system that hides the secondary nav and subsequently opens the nav on mouse click using <span> tags. I am not a programmer by trade (actually just a designer) but I have a decent (re: outdated) knowledge of HTML. I have taken this project over after one of our programmers left and he was originally designing in asp. To see what I have so far you can grab it here:

http://www.infinitemedia.com/iam/

The leftnav.html is the file I am having the problem. Currently the secondary nav appears to be functioning as it should, but under the 'Products' link there needs to be a tertiary nav set up. In theory I believe my code is correct but it seems to be bugged. The code is as follows:

 

-------------------------------------------------------

<style type="text/css">
<!--
a:link {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #063771;
}
a:visited {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #422B35;
}
a:hover {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #B99534;
}
a:active {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #422B35;
}
//-->
</style>


<script language="javascript1.2">
   function openSubCategory(n, nn) {
      var i = 0
      for(i=1;i<n+1;i++) {
      var sel = document.getElementById('insideSubCategory'+i);
      sel.style.display = 'none';
      }
      var sel = document.getElementById('insideSubCategory'+nn);
      sel.style.display = 'block';
   }
   function openInsideSubCategory(n, nn) {
      var i = 0
      for(i=1;i<n+1;i++) {
      var sel = document.getElementById('showProducts'+i);
      sel.style.display = 'none';
      }
      var sel = document.getElementById(nn);
      sel.style.display = 'block';
   }
   if (document.images) {

nav1       = new Image();
nav1.src    = "images/Home_Nav.jpg"
nav1_h      = new Image();
nav1_h.src  = "images/Home_Nav_off.jpg"

nav2       = new Image();
nav2.src    = "images/IAM_Nav1.jpg"
nav2_h      = new Image();
nav2_h.src  = "images/IAM_Nav1_off.jpg"

nav3       = new Image();
nav3.src    = "images/Products_Nav2.jpg"
nav3_h      = new Image();
nav3_h.src  = "images/Products_Nav2_off.jpg"

nav4       = new Image();
nav4.src    = "images/Resources_Nav3.jpg"
nav4_h      = new Image();
nav4_h.src  = "images/Resources_Nav3_off.jpg"

nav5       = new Image();
nav5.src    = "images/NewsLetter_Nav4.jpg"
nav5_h      = new Image();
nav5_h.src  = "images/NewsLetter_Nav4_off.jpg"

nav6       = new Image();
nav6.src    = "images/performance_Nav.jpg"
nav6_h      = new Image();
nav6_h.src  = "images/performance_Nav_off.jpg"

nav7       = new Image();
nav7.src    = "images/Contact_Nav.jpg"
nav7_h      = new Image();
nav7_h.src  = "images/Contact_Nav_off.jpg"

nav8       = new Image();
nav8.src    = "images/sub_nav_priveq.jpg"
nav8_h      = new Image();
nav8_h.src  = "images/sub_nav_priveqb.jpg"

nav9       = new Image();
nav9.src    = "images/sub_nav_privdebt.jpg"
nav9_h      = new Image();
nav9_h.src  = "images/sub_nav_privdebtb.jpg"

nav10       = new Image();
nav10.src    = "images/sub_nav_managed.jpg"
nav10_h      = new Image();
nav10_h.src  = "images/sub_nav_managedb.jpg"

nav11       = new Image();
nav11.src    = "images/sub_nav_realestate.jpg"
nav11_h      = new Image();
nav11_h.src  = "images/sub_nav_realestateb.jpg"

nav12       = new Image();
nav12.src    = "images/sub_nav_hedge.jpg"
nav12_h      = new Image();
nav12_h.src  = "images/sub_nav_hedgeb.jpg"


}

function navMouseOver(imgid,imgnew) {

        if (document.images) {
                document.images[imgid].src=eval(imgnew + ".src");
        }
}
</script>


<style type="text/css">
.menutitle{
cursor:pointer;
margin-bottom: 5px;
background-color:#ECECFF;
color:#000000;
width:140px;
padding:2px;
text-align:center;
font-weight:bold;
/*/*/border:1px solid #000000;/* */
}

.submenu{
margin-bottom: 0.5em;
}
</style>

<script type="text/javascript">
<!--
/***********************************************
* Switch Menu script- by Martial B of
http://getElementById.com/
* Modified by Dynamic Drive for format & NS4/IE4 compatibility
* Visit
http://www.dynamicdrive.com/ for full source code
***********************************************/

var persistmenu="yes" //"yes" or "no". Make sure each SPAN content contains an incrementing ID starting at 1 (id="sub1", id="sub2", etc)
var persisttype="sitewide" //enter "sitewide" for menu to persist across site, "local" for this page only

if (document.getElementById){ //DynamicDrive.com change
document.write('<style type="text/css">\n')
document.write('.submenu{display: none;}\n')
document.write('</style>\n')
}

function SwitchMenu(obj){
if(document.getElementById){
var el = document.getElementById(obj);
var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change
if(el.style.display != "block"){ //DynamicDrive.com change
for (var i=0; i<ar.length; i++){
if (ar[i].className=="submenu") //DynamicDrive.com change
ar[i].style.display = "none";
}
el.style.display = "block";
}else{
el.style.display = "none";
}
}
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function onloadfunction(){
if (persistmenu=="yes"){
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=get_cookie(cookiename)
if (cookievalue!="")
document.getElementById(cookievalue).style.display="block"
}
}

function savemenustate(){
var inc=1, blockid=""
while (document.getElementById("sub"+inc)){
if (document.getElementById("sub"+inc).style.display=="block"){
blockid="sub"+inc
break
}
inc++
}
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=(persisttype=="sitewide")? blockid+";path=/" : blockid
document.cookie=cookiename+"="+cookievalue
}

if (window.addEventListener)
window.addEventListener("load", onloadfunction, false)
else if (window.attachEvent)
window.attachEvent("onload", onloadfunction)
else if (document.getElementById)
window.onload=onloadfunction

if (persistmenu=="yes" && document.getElementById)
window.onunload=savemenustate

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>

 


<!-- Keep all menus within masterdiv-->
<body onLoad="MM_preloadImages('images/sub_nav_aboutiamb.jpg','images/sub_nav_leadershipb.jpg','images/sub_nav_alternativesb.jpg','images/sub_nav_peopleb.jpg','images/sub_nav_investorsb.jpg','images/sub_nav_priveqb.jpg','images/sub_nav_privdebtb.jpg','images/sub_nav_managedb.jpg','images/sub_nav_realestateb.jpg','images/sub_nav_hedgeb.jpg','images/sub_nav_industryb.jpg','images/sub_nav_researchb.jpg','images/sub_nav_allocationsb.jpg','images/sub_nav_glossaryb.jpg')">
<div id="masterdiv">

<a href="#" target="_self" onmouseout="navMouseOver('nav1','nav1'); return true" onmouseover="navMouseOver('nav1','nav1_h'); return true"><IMG SRC="images/Home_Nav.jpg" name="nav1" WIDTH=165 HEIGHT=51 ALT="" border="0" onclick="SwitchMenu('sub1')"></a><br>

<a target=_self href="#" onmouseout="navMouseOver('nav2','nav2'); return true" onmouseover="navMouseOver('nav2','nav2_h'); return true"><IMG SRC="images/IAM_Nav1.jpg"  name="nav2" WIDTH=165 HEIGHT=50 ALT="" border="0" onclick="SwitchMenu('sub2')"></a><br>
<span class="submenu" id="sub2">
<a href="
http://www.revolutionweb.net/amon/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image27','','images/sub_nav_aboutiamb.jpg',1)"><img src="images/sub_nav_aboutiam.jpg" name="Image27" width="155" height="20" border="0"></a><br>
<a href="
http://www.revolutionweb.net/amon/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image28','','images/sub_nav_leadershipb.jpg',1)"><img src="images/sub_nav_leadership.jpg" name="Image28" width="155" height="20" border="0"></a><br>
<a href="
http://www.revolutionweb.net/amon/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image29','','images/sub_nav_alternativesb.jpg',1)"><img src="images/sub_nav_alternatives.jpg" name="Image29" width="155" height="20" border="0"></a><br>
<a href="
http://www.revolutionweb.net/amon/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image30','','images/sub_nav_peopleb.jpg',1)"><img src="images/sub_nav_people.jpg" name="Image30" width="155" height="20" border="0"></a><br>
<a href="
http://www.revolutionweb.net/amon/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image26','','images/sub_nav_investorsb.jpg',1)"><img src="images/sub_nav_investors.jpg" name="Image26" width="155" height="20" border="0"></a></span>

<a target="_self" href="#" onmouseout="navMouseOver('nav3','nav3'); return true" onmouseover="navMouseOver('nav3','nav3_h'); return true"><IMG SRC="images/Products_Nav2.jpg" name="nav3" WIDTH=165 HEIGHT=50 ALT="" border="0" onclick="SwitchMenu('sub3')"></a><br>
<span class="submenu" id="sub3">

<a target="_self" href="#" onmouseout="navMouseOver('nav8','nav8'); return true" onmouseover="navMouseOver('nav8','nav8_h'); return true"><img src="images/sub_nav_priveq.jpg" name="nav8" width="155" height="20" border="0" onclick="SwitchMenu('sub8')"></a><br>
    <span class="submenu" id="sub8">
    <a href="
http://www.revolutionweb.net/amon/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image31a','','images/sub_nav_priveqb.jpg',1)"><img src="images/sub_nav_priveq.jpg" name="Image31a" width="155" height="20" border="0"></a><br>
    <a href="
http://www.revolutionweb.net/amon/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image32a','','images/sub_nav_privdebtb.jpg',1)"><img src="images/sub_nav_privdebt.jpg" name="Image32a" width="155" height="20" border="0"></a><br>
    <a href="
http://www.revolutionweb.net/amon/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image33a','','images/sub_nav_managedb.jpg',1)"><img src="images/sub_nav_managed.jpg" name="Image33a" width="155" height="20" border="0"></a><br>
    <a href="
http://www.revolutionweb.net/amon/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image34a','','images/sub_nav_realestateb.jpg',1)"><img src="images/sub_nav_realestate.jpg" name="Image34a" width="155" height="20" border="0"></a><br>
    <a href="
http://www.revolutionweb.net/amon/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image35a','','images/sub_nav_hedgeb.jpg',1)"><img src="images/sub_nav_hedge.jpg" name="Image35a" width="155" height="20" border="0"></a></span>

<a target="_self" href="#" onmouseout="navMouseOver('nav9','nav9'); return true" onmouseover="navMouseOver('nav9','nav9_h'); return true"><img src="images/sub_nav_privdebt.jpg" name="nav9" width="155" height="20" border="0" onclick="SwitchMenu('sub9')"></a><br>
    <span class="submenu" id="sub9">
    <a href="
http://www.revolutionweb.net/amon/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image31a','','images/sub_nav_priveqb.jpg',1)"><img src="images/sub_nav_priveq.jpg" name="Image31a" width="155" height="20" border="0"></a><br>
    <a href="
http://www.revolutionweb.net/amon/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image32a','','images/sub_nav_privdebtb.jpg',1)"><img src="images/sub_nav_privdebt.jpg" name="Image32a" width="155" height="20" border="0"></a><br>
    <a href="
http://www.revolutionweb.net/amon/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image33a','','images/sub_nav_managedb.jpg',1)"><img src="images/sub_nav_managed.jpg" name="Image33a" width="155" height="20" border="0"></a><br>
    <a href="
http://www.revolutionweb.net/amon/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image34a','','images/sub_nav_realestateb.jpg',1)"><img src="images/sub_nav_realestate.jpg" name="Image34a" width="155" height="20" border="0"></a><br>
    <a href="
http://www.revolutionweb.net/amon/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image35a','','images/sub_nav_hedgeb.jpg',1)"><img src="images/sub_nav_hedge.jpg" name="Image35a" width="155" height="20" border="0"></a></span>

<a target="_self" href="#" onmouseout="navMouseOver('nav10','nav10'); return true" onmouseover="navMouseOver('nav10','nav10_h'); return true"><img src="images/sub_nav_managed.jpg" name="nav10" width="155" height="20" border="0" onclick="SwitchMenu('sub10')"></a><br>
    <span class="submenu" id="sub10">
    <a href="
http://www.revolutionweb.net/amon/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image31a','','images/sub_nav_priveqb.jpg',1)"><img src="images/sub_nav_priveq.jpg" name="Image31a" width="155" height="20" border="0"></a><br>
    <a href="
http://www.revolutionweb.net/amon/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image32a','','images/sub_nav_privdebtb.jpg',1)"><img src="images/sub_nav_privdebt.jpg" name="Image32a" width="155" height="20" border="0"></a><br>
    <a href="
http://www.revolutionweb.net/amon/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image33a','','images/sub_nav_managedb.jpg',1)"><img src="images/sub_nav_managed.jpg" name="Image33a" width="155" height="20" border="0"></a><br>
    <a href="
http://www.revolutionweb.net/amon/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image34a','','images/sub_nav_realestateb.jpg',1)"><img src="images/sub_nav_realestate.jpg" name="Image34a" width="155" height="20" border="0"></a><br>
    <a href="
http://www.revolutionweb.net/amon/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image35a','','images/sub_nav_hedgeb.jpg',1)"><img src="images/sub_nav_hedge.jpg" name="Image35a" width="155" height="20" border="0"></a></span>

<a target="_self" href="#" onmouseout="navMouseOver('nav11','nav11'); return true" onmouseover="navMouseOver('nav11','nav11_h'); return true"><img src="images/sub_nav_realestate.jpg" name="nav11" width="155" height="20" border="0" onclick="SwitchMenu('sub11')"></a><br>
    <span class="submenu" id="sub11">
    <a href="
http://www.revolutionweb.net/amon/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image31a','','images/sub_nav_priveqb.jpg',1)"><img src="images/sub_nav_priveq.jpg" name="Image31a" width="155" height="20" border="0"></a><br>
    <a href="
http://www.revolutionweb.net/amon/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image32a','','images/sub_nav_privdebtb.jpg',1)"><img src="images/sub_nav_privdebt.jpg" name="Image32a" width="155" height="20" border="0"></a><br>
    <a href="
http://www.revolutionweb.net/amon/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image33a','','images/sub_nav_managedb.jpg',1)"><img src="images/sub_nav_managed.jpg" name="Image33a" width="155" height="20" border="0"></a><br>
    <a href="
http://www.revolutionweb.net/amon/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image34a','','images/sub_nav_realestateb.jpg',1)"><img src="images/sub_nav_realestate.jpg" name="Image34a" width="155" height="20" border="0"></a><br>
    <a href="
http://www.revolutionweb.net/amon/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image35a','','images/sub_nav_hedgeb.jpg',1)"><img src="images/sub_nav_hedge.jpg" name="Image35a" width="155" height="20" border="0"></a></span>

<a target="_self" href="#" onmouseout="navMouseOver('nav12','nav12'); return true" onmouseover="navMouseOver('nav12','nav12_h'); return true"><img src="images/sub_nav_hedge.jpg" name="nav12" width="155" height="20" border="0" onclick="SwitchMenu('sub12')"></a><br>
    <span class="submenu" id="sub12">
    <a href="
http://www.revolutionweb.net/amon/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image31a','','images/sub_nav_priveqb.jpg',1)"><img src="images/sub_nav_priveq.jpg" name="Image31a" width="155" height="20" border="0"></a><br>
    <a href="
http://www.revolutionweb.net/amon/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image32a','','images/sub_nav_privdebtb.jpg',1)"><img src="images/sub_nav_privdebt.jpg" name="Image32a" width="155" height="20" border="0"></a><br>
    <a href="
http://www.revolutionweb.net/amon/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image33a','','images/sub_nav_managedb.jpg',1)"><img src="images/sub_nav_managed.jpg" name="Image33a" width="155" height="20" border="0"></a><br>
    <a href="
http://www.revolutionweb.net/amon/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image34a','','images/sub_nav_realestateb.jpg',1)"><img src="images/sub_nav_realestate.jpg" name="Image34a" width="155" height="20" border="0"></a><br>
    <a href="
http://www.revolutionweb.net/amon/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image35a','','images/sub_nav_hedgeb.jpg',1)"><img src="images/sub_nav_hedge.jpg" name="Image35a" width="155" height="20" border="0"></a></span>

</span>

 

 

<a target=_self href="#" onmouseout="navMouseOver('nav4','nav4'); return true" onmouseover="navMouseOver('nav4','nav4_h'); return true"><IMG SRC="images/Resources_Nav3.jpg" name="nav4" WIDTH=165 HEIGHT=50 ALT="" border="0" onclick="SwitchMenu('sub4')"></a><br>
<span class="submenu" id="sub4">
<a href="
http://www.revolutionweb.net/amon/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image36','','images/sub_nav_industryb.jpg',1)"><img src="images/sub_nav_industry.jpg" name="Image36" width="155" height="20" border="0"></a><br>
<a href="
http://www.revolutionweb.net/amon/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image37','','images/sub_nav_researchb.jpg',1)"><img src="images/sub_nav_research.jpg" name="Image37" width="155" height="20" border="0"></a><br>
<a href="
http://www.revolutionweb.net/amon/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image38','','images/sub_nav_allocationsb.jpg',1)"><img src="images/sub_nav_allocations.jpg" name="Image38" width="155" height="29" border="0"></a><br>
<a href="
http://www.revolutionweb.net/amon/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image39','','images/sub_nav_glossaryb.jpg',1)"><img src="images/sub_nav_glossary.jpg" name="Image39" width="155" height="20" border="0"></a></span>

<a href="#" target="_self" onmouseout="navMouseOver('nav5','nav5'); return true" onmouseover="navMouseOver('nav5','nav5_h'); return true"><IMG SRC="images/NewsLetter_Nav4.jpg" name="nav5" WIDTH=165 HEIGHT=50 ALT="" border="0" onclick="SwitchMenu('sub5')"></a><br>

<a target=_self href="#" onMouseOut="navMouseOver('nav6','nav6'); return true" onMouseOver="navMouseOver('nav6','nav6_h'); return true"><img src="images/performance_Nav.jpg" name="nav6" width=165 height=50 alt="" border="0" onclick="SwitchMenu('sub6')"></a><br>
<span class="submenu" id="sub6">
<a href="
http://www.revolutionweb.net/amon/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image40','','images/sub_nav_priveqb.jpg',1)"><img src="images/sub_nav_priveq.jpg" name="Image40" width="155" height="20" border="0"></a><br>
<a href="
http://www.revolutionweb.net/amon/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image41','','images/sub_nav_privdebtb.jpg',0)"><img src="images/sub_nav_privdebt.jpg" name="Image41" width="155" height="20" border="0"></a><br>
<a href="
http://www.revolutionweb.net/amon/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image42','','images/sub_nav_managedb.jpg',1)"><img src="images/sub_nav_managed.jpg" name="Image42" width="155" height="20" border="0"></a><br>
<a href="
http://www.revolutionweb.net/amon/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image43','','images/sub_nav_realestateb.jpg',1)"><img src="images/sub_nav_realestate.jpg" name="Image43" width="155" height="20" border="0"></a><br>
<a href="
http://www.revolutionweb.net/amon/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image44','','images/sub_nav_hedgeb.jpg',1)"><img src="images/sub_nav_hedge.jpg" name="Image44" width="155" height="20" border="0"></a></span>

<a href="#" target="_self" onmouseout="navMouseOver('nav7','nav7'); return true" onmouseover="navMouseOver('nav7','nav7_h'); return true"><IMG SRC="images/Contact_Nav.jpg" name="nav7" WIDTH=165 HEIGHT=50 ALT="" border="0" onclick="SwitchMenu('sub7')"></a><br>


</div>

-------------------------------------------------------

As you can tell I got the script from Dynamic Drive and have had little luck implementing it. I believe it has to do with the 'id' problems. But if anyone can help me figure this out I will greatly appreciate it! I will check back periodically throughout the day.

Thanks!

Started By amon on Mar 15, 2006 at 6:23:51 AM

1 Response(s) | Reply

Earlier Replies | Replies 1 to 1 of 1 | Later Replies
Winterwolf on Mar 16, 2006 at 12:27:11 PM (# 1)

One thing to note if you have nested SPAN Tags you are doing something wrong. Here is why: Spans are not blocklevel. They are only for inline content. Try replacing the wrapping spans with divs and see if that helps.


Earlier Replies | Replies 1 to 1 of 1 | Later Replies

To respond to a discussion, you must first logon.

If you are not registered, please register yourself to become a member of the SiteExperts.community.

User Name
Password
Copyright 1997-2004 InsideDHTML.com, LLC. All rights reserved.