Hey,

 

Ive started this on another board, but am wondering if it could be CSS related....does anyone have any ideas?

 

Hey all,

 

Ive customised a template for a client, and theres a prob with the menu on one page only.

 

The menu is supposed to look like this link black bar, top right.

 

On this page link it appears briefly when the page is loaded then dissappears, and stays as lines and the title of the current page.

 

Any ideas?

 

Thanks

Gem

they both look the same to me - both seem to working perfectly well in chrome

OK in Firefox too but not in IE

Hi have replicated your site locally without linking to the js files and it works fine in IE

It might be that in line 10 of your superfish.css file:

 

background-image: url(../images/top-menu-bg.jpg);

 

When I changed it to

 

    background-image: url(images/top-menu-bg.jpg);

 

it seemed to do the trick.

 

Before the change the background image was not appearing and it isnt appearing online either (might be linked?)

 

Could be something to do with that top-menu-jpg file?

 

Actually just realised that wouldn't explain why its fine on all other pages would it

Edited February 15, 201115 yr by jheg

looks fine in chrome

Tricky one this I'm pretty sure its the htc

 

.sf-menu {
line-height:	1.400;
margin-top:40px;
background-color:#000;	
position:relative;
border: 1px solid #333;
-moz-border-radius: 11px;
-webkit-border-radius: 11px;
border-radius: 11px;
behavior: url(../images/border-radius.htc);/*1st call*/
behavior: url(border-radius.htc);/*2nd call*/
background-image: url(../images/top-menu-bg.jpg);
background-repeat: repeat-x;	

}

 

Your calling the htc file twice try just once and put it after all your other rules

 

.sf-menu {
line-height:	1.400;
margin-top:40px;
background-color:#000;	
position:relative;
border: 1px solid #333;
-moz-border-radius: 11px;
-webkit-border-radius: 11px;
border-radius: 11px;
background-image: url(../images/top-menu-bg.jpg);
background-repeat: repeat-x;	
behavior: url(border-radius.htc);

}

 

 

I've just tried everything I can think of

 

 

Ok try adding this to the bottom of that page before your closing body tag

 

<div id="bottom" style="position:absolute;left:-9999em;"></div>

Edited February 16, 201115 yr by mteam

I found a work around ^

 

I shall have to speak to the master about this one I'm not sure why its happening

Strange though because it works on all the other pages which makes me think it cannot be the css? I downloaded all of the files and ran them locally and it worked fine so v v strange

Edited February 16, 201115 yr by jheg

Anyway seems she has fixed now - just clicked the link and all pages working fine.

 

Would still like to know what it was though!