X-Cart forums - Problem with horizontal navigation bar

X-Cart forums (https://forum.x-cart.com/index.php)

- Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)

- - Problem with horizontal navigation bar (https://forum.x-cart.com/showthread.php?t=12739)

Problem with horizontal navigation bar

I am using a software that creates navigation bars. Somehow the x-cart is taking over the formatting of the bar when I add a hyperlink. I have created a new .tpl file head_nav.tpl and I call it directly after head.tpl. If I format the menu then upload it, if I add a hyperlink to the button, for some reason the formatting changes. Here is my code for head_nav.tpl

Code:

<head>

<script language="JavaScript" type="text/javascript" src="http://www.nowperformance.com/shop/images/topbar_scr.js">

</script>

</head>



<body>

<table  id="m1mainSXMenu2" cellspacing="0" cellpadding="5" class="x1" border="0" width="800">

<tr align="left">

<td onmouseover="chgBg(m1,'m1tlm0',3);exM(m1,'none','',event)"

onmouseout="chgBg(m1,'m1tlm0',0,1)"  id="m1tlm0"  class="m1mit" 

 bgcolor="#535353">



<a id="m1tlm0a" class="m1CL0" href="http://www.nowperformance.com/shop/customer/home.php" >

<div class='topFold'>Home</div></a></td>

<td onmouseover="chgBg(m1,'m1tlm1',3);exM(m1,'none','',event)"

onmouseout="chgBg(m1,'m1tlm1',0,1)"  id="m1tlm1"  class="m1mit" 

 bgcolor="#535353">About Us</td>

<td onmouseover="chgBg(m1,'m1tlm2',3);exM(m1,'none','',event)"

onmouseout="chgBg(m1,'m1tlm2',0,1)"  id="m1tlm2"  class="m1mit" 

 bgcolor="#535353">

<a id="m1tlm2a" class="m1CL0" href="http://www.nowperformance.com/shop/customer/help.php?section=contactus&mode=update" >

<div class='topFold'>Contact Us</div></a></td>

<td onmouseover="chgBg(m1,'m1tlm3',3);exM(m1,'none','',event)"

onmouseout="chgBg(m1,'m1tlm3',0,1)"  id="m1tlm3"  class="m1mit" 

 bgcolor="#535353">Shipping</td>

<td onmouseover="chgBg(m1,'m1tlm4',3);exM(m1,'none','',event)"

onmouseout="chgBg(m1,'m1tlm4',0,1)"  id="m1tlm4"  class="m1mit" 

 bgcolor="#535353">Payment Options</td>

<td onmouseover="chgBg(m1,'m1tlm5',3);exM(m1,'none','',event)"

onmouseout="chgBg(m1,'m1tlm5',0,1)"  id="m1tlm5"  class="m1mit" 

 bgcolor="#535353">Specials</td></tr></table>

</body>

You can see how it is messed up at http://www.nowperformance.com/shop/customer/home.php . The buttons without hyperlinks look how I want them to, I cannot figure out how to fix this, can anyone help!

You need to edit the site.css style sheet or create a new one for the top bar there.

I apologize for not listing this before but I am using version 3.5.14 . I do not think I have a site.css, or if so I cannot find it.....

I was able to get the head_nav.tpl to use a seperate css file, however, the rest of the page also changes when I edit this css file. I am calling the new css file from within the head_nav.tpl .

So does anyone know how to disable css formatting for a particular piece of code, or any other solution to my problem ?

Remove the "class" from your code.
e.g. class='topFold'
That way it will not use the css code.

Paul Dodman
e-business consultant
Lumino Internet
luminointernet.co.uk

I need those class tags becasue that is what the javascript uses for formatting. I tried removing all of the class tags, and it made it in just plain text.

I am sure someone out there has done this before. The code I am using is directly from the software tool to make the navigation bar, so I can't really delete anything from the code....

Well for anyone who cares, I removed the DIV from the very first part of the skin1.css file and it apeears to be working now. Apparently that DIV in the class file was taking over the javascripts formatting....

Not sure if it is going ot cause some other issues, but for now I am making progress by removing the DIV