How can I bypass my CSS file?

We're implementing a new menu for our web site, and I can't work out how to make it "fit" CSS-wise, as the global CSS file makes the purchased menu script look out of allignment.

Any ideas on how to fix this without changing the current CSS tags for the rest of the site?


http://www.numaria.com/test/

 

Don't reference the global css.css file on that page. You can have more than one css file.

<link href="http://www.numaria.com/css.css" rel="stylesheet" type="text/css">

 

ahhh, the problem is that the new menu will be on every page of our site... [bummer, eh?]

 

A couple things: Two copies of the global stylesheet are being included, so one should be removed.

Also, look at this section of the global stylesheet:
ul {
list-style-image: url(images/sym2_orange.jpg);
line-height:16px;
}

That's what is causing some of this... One thing you can do is wrap whatever elements you want to use that style in their own <div> with its own id, and then change it to:
ul#newid {
list-style-image: url(images/sym2_orange.jpg);
line-height:16px;
}

That way it won't apply to your menu. That's a start anyway...

 

Thanks groovenectar, I'll try and remove it on the global css and will let you know...

 

Hi groovenectar,

For now, I deleted the "ul" reference from the CSS sheet, but the funnny placement still occours. Do you think that there is maybe another tag instead that we've been overseeing?

 

getting rid of "li" too made the difference. Now I just have to experiment with DIVs for those two tags.