File APIs for Java Developers
Manipulate DOC, XLS, PPT, PDF and many others from your application.
http://aspose.com/file-tools
The moose likes HTML, CSS and JavaScript and the fly likes CSS not working in Firefox, works in IE Big Moose Saloon
  Search | Java FAQ | Recent Topics | Flagged Topics | Hot Topics | Zero Replies
Register / Login
JavaRanch » Java Forums » Engineering » HTML, CSS and JavaScript
Bookmark "CSS not working in Firefox, works in IE" Watch "CSS not working in Firefox, works in IE" New topic
Author

CSS not working in Firefox, works in IE

K West
Ranch Hand

Joined: Sep 10, 2008
Posts: 58

Hi,

I have a CSS based navigation menu.

The CSS is

and the html code is





It works fine in IE, but not in Firefox..

Can anyone help me?

Thank You.


Years teach us more than books.
Paul Clapham
Bartender

Joined: Oct 14, 2005
Posts: 18988
    
    8

What exactly constitutes "not working" in this case?
Eric Pascarello
author
Rancher

Joined: Nov 08, 2001
Posts: 15376
    
    6
did the foum code mess up the html in the second code block?
Post that section again and check the "Disable HTML in this message" checkbox

Eric
K West
Ranch Hand

Joined: Sep 10, 2008
Posts: 58

The background images are not coming up and the li's and not inline!!
K West
Ranch Hand

Joined: Sep 10, 2008
Posts: 58

@ Eric
No, the code displayed is right.
Eric Pascarello
author
Rancher

Joined: Nov 08, 2001
Posts: 15376
    
    6
You need href="#" at a minimum inside your links.

Eric
Eric Pascarello
author
Rancher

Joined: Nov 08, 2001
Posts: 15376
    
    6
url(foo.gif); should not have quotes around the file name.

Eric
K West
Ranch Hand

Joined: Sep 10, 2008
Posts: 58

I removed the quotes, it didn't help.
I tried single quote also, ('foo.gif').
Balu Sadhasivam
Ranch Hand

Joined: Jan 01, 2009
Posts: 874


Is it background:url or background: url (space after : )
Eric Pascarello
author
Rancher

Joined: Nov 08, 2001
Posts: 15376
    
    6
I just ran your code with the changes I suggested and it is working fine for me.

Clear your cache in both IE and Firefox and check the pages again.

Eric
K West
Ranch Hand

Joined: Sep 10, 2008
Posts: 58

No there is no space in between.

And yes my code was messed, I have the href=# tag.

The code is

<div id="tabsF">
<ul>
<li><a href="#" title="Link 1"><span>Link 1</span></a></li>
<li><a href="#" title="Link 2"><span>Link 2</span></a></li>
<li><a href="#" title="Link 3"><span>Link 3</span></a></li>
<li><a href="#" title="Longer Link Text"><span>Longer Link Text</span></a></li>
<li><a href="#" title="Link 5"><span>Link 5</span></a></li>
<li><a href="#" title="Link 6"><span>Link 6</span></a></li>
<li><a href="#" title="Link 7"><span>Link 7</span></a></li>
</ul>
</div>
K West
Ranch Hand

Joined: Sep 10, 2008
Posts: 58

I cleared the cache, but it is still not working.
Also tried in Chrome, not working.
Can you post the code with changes, or give me a alternative link for good css horizontal navigation menus.
I am stuck.

Thank You.
Eric Pascarello
author
Rancher

Joined: Nov 08, 2001
Posts: 15376
    
    6
If nothing is showing up, sounds like you have an issue on how you are linking the CSS to the page. what does that look like?

Eric
 
I agree. Here's the link: http://aspose.com/file-tools
 
subject: CSS not working in Firefox, works in IE