/    Sign up×
Community /Pin to ProfileBookmark

Firefox not recognizing External Style Sheet

Copy linkTweet thisAlerts:
Jul 13.2007

Please look at this navbar in IE, then in Firefox:

[url]http://www.scamperdude.com/CASPCA/HorizontalNavbar.html[/url]

It’s linked to an external stylesheet (CASPCA-styles.css), which displays correctly in IE and FF doesn’t recognize at all. Yet, if I kill the external link and put the .navbar style inside <style> tags on the html page, FF renders beautifully. Why doesn’t the external stylesheet work with Firefox?

Thanks,

John

to post a comment
CSS

11 Comments(s) ↴

Copy linkTweet thisAlerts:
@malarzJul 13.2007 — I'm using Firefox 2.0.0.4 under gentoo Linux everything seems to be OK - body.background changed as it should.
Copy linkTweet thisAlerts:
@johndoveauthorJul 13.2007 — Malarz,

I'm not sure what you mean. "body.background" - ?? This is not the style in question. The style in question is ".navbar" - Displays correctly in the external stylesheet in IE, but contains [B][I]no styling whatsoever [/I][/B]in Firefox (from the external stylesheet), IF I set the .navbar style in <style> tags ON the html page, THEN Firefox it displays perfectly. Why doesn't FF recognize the external styling?

TOI,

Thanks for the .css validator stuff, most of those styles are junk anyway, just experimenting. I just really want to get the .navbar problem working in Firefox.

Thanks.
Copy linkTweet thisAlerts:
@toicontienJul 13.2007 — Did you fix the CSS errors? Syntax errors in your CSS could be causing the problem. As a general rule, if it works in Internet Explorer and not in Firefox, Opera or Safari, something is wrong with your code. ? It's tripped me up before too.
Copy linkTweet thisAlerts:
@WebJoelJul 13.2007 — ...<script language="JavaScript">

var theImages = new Array()

theImages[0] = 'images/00-Pic01_03.jpg'

theImages[1] = 'images/00-Pic02_03.jpg'

theImages[2] = 'images/00-Pic03_03.jpg'

theImages[3] = 'images/00-Pic04_03.jpg'

theImages[4] = 'images/00-Pic05_03.jpg'

theImages[5] = 'images/00-Pic06_03.jpg'

theImages[6] = 'images/00-Pic07_03.jpg'

theImages[7] = 'images/00-Pic08_03.jpg'

theImages[8] = 'images/00-Pic09_03.jpg'

theImages[9] = 'images/00-Pic10_03.jpg'...[/QUOTE] image names should not begin with a "numeral". In IE, I do see a horizontal navigation list with green-white gradient backgrounds. In Firefox, a [I]vertical bulleted[/I] navigation list...

Might work on your local computer, but fail when sent from your Server(??) You may try re-naming all your images to begin with a 'letter', not a 'numeral'..
Copy linkTweet thisAlerts:
@johndoveauthorJul 13.2007 — TOI,

Yes, you're quite right. I was missing a closing } on a style. Working properly now. Sometimes you can look at code too long. Thanks, everyone, for your help.

John
Copy linkTweet thisAlerts:
@johndoveauthorJul 13.2007 — WebJoel,

Thanks for the images tip, I'll change. Got the .css problem worked out.
Copy linkTweet thisAlerts:
@ray326Jul 13.2007 — Joel's a bit cranky. File names that start with digits are fine.
Copy linkTweet thisAlerts:
@malarzJul 13.2007 — johndove,

Sorry for that "expression" but last time I've got much work with javascript last time and it came out ? I meant "body { background-color: ... which was set in css and effect was visible or maybe I didn't see changing color in html. Anyway sorry for that
Copy linkTweet thisAlerts:
@WebJoelJul 13.2007 — Joel's a bit cranky. File names that start with digits are fine.[/QUOTE] I have been told that before. image name [I]can[/I] start with numerals, [I][U]and[/U][/I] that I am cranky. ? It's js "functions" that cannot begin with a numeral, right? But somewhere, once before, I had problems with image names that began with "numerals"... -was it in a photo-editing program, or a Linux-based host Server? -Something about images-beginning-with-numerals ...they didn't work. ?

But a missing " } "? -Yeild & concede that this would be enough to bust the code ?
Copy linkTweet thisAlerts:
@ray326Jul 14.2007 — Javascript symbols probably can't (too lazy to check) but you may be remembering admonitions here about id and class names.
×

Success!

Help @johndove spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.9,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...