Singletrack Mountain Bike Magazine

• Overview
• Bike Forum
• Chat Forum
• For Sale
• Wanted
• Forum Help
• Classified Rules

Chat Forum

1. PJay - Member

   I'm having a nightmare of a time trying to use CSS stylesheets. I've only got a basic understanding of things but I'm having a real problem getting them to work. I've set up the stylesheet and attached it using Dreamweaver. Everything displays correctly in Dreamweaver's WYSIWYG design mode; so far so good. I upload the page and the stylesheet and that's where it starts to go wrong.

   Viewing the page online in Internet Explorer 8 a few of the styles display but some don't. If I view the same page using Firefox 3.6 none of them do.

   Just to make things even weirder, if I view the page locally off my harddrive everything displays correctly in IE8 and some, but not all, display correctly in Firefox.

   Either something weird is going on or I'm doing something wrong, but I've no idea what!

   Posted 2 years ago #
2. allthegear - Member

   have you a link to it online?

   Posted 2 years ago #
3. PJay - Member

   I'm just working on a redesign of a website so have just been playing around. I've sorted out some beginner's syntax error but still have the odd issue of certain styles only displaying locally, not off the server.

   I wonder whether there's some sort of caching issues going on, for example I changed the value for some text background, uploaded the stylesheet and the background colour remained the same (whilst displaying correctly in Dreamweaver and whilst browsing locally).

   I'm going to set up a page to display all the styles and try and remember to put a link up.

   Posted 2 years ago #
4. derek_starship - Member

   

   Posted 2 years ago #
5. simonfbarnes - Member

   CSS can be tricky. Best use firebug in Firefox then you can see what style has been applied to each element

   Posted 2 years ago #
6. vrapan - Member

   What SFB said. If you can show a page advice might be easier.

   Posted 2 years ago #
7. PJay - Member

   Ok, there's a page with some styles from the stylesheet at http://www.swedauk.org/new/styles.htm

   All the styles display correctly as per the stylesheet BUT when I then alter an item in the stylesheet up upload it the styles on the page don't change and only some change locally. I guess I've a lot to learn.

   The stylesheet itself (possibly full of errors) is at http://www.swedauk.org/new/styles.htm

   Apologies if this is all beginner's stuff but I'm just managing a website for a local charity and learning as I go.

   Posted 2 years ago #
8. PJay - Member

   and now my links aren't working!

   Posted 2 years ago #
9. duckers - Member

   What SFB + vrapan said + use Internet Explorer developer toolbar for the same reasons.

   Posted 2 years ago #
10. iht4 - Member

    one thing I find helpful for troubleshooting are the validators available at w3.org fro example the css validator flags a couple of errors in the ccs file: here

    hope this helps
    Iain

    Posted 2 years ago #
11. simonfbarnes - Member

    error parsing font line 11 (font : normal;) [font needs multiple attributes]
    error parsing Font line 16 (Font : Arial;)
    selector expected, ruleset ignored line 32 [spurious "{" on line 31]

    Posted 2 years ago #
12. Gordy - Member

    Sounds like you might be having file path issues to start with and caching issues on top. WYSIWYG editors aren't flawless either.

    If you upload a new stylesheet then you will need to refresh it in your browser. Just keep it open in a tab and refresh it to make sure your browser is using your latest version.

    Posted 2 years ago #
13. PJay - Member

    Yeah, I've been refreshing the page with no luck. The .menu class (at the bottom of the page) is showing white text on a blue background. The background was set to blue when the stylesheet was first uploaded but was changed to grey some hours ago, but it's still displaying as blue; refreshing the page doesn't help. It may be a cacheing issue, I'm not sure but I'll try and iron out the errors and see it that helps.

    Thanks for all the suggestions.

    Posted 2 years ago #
14. breatheeasy - Member

    Always use CTRL-F5 when refreshing - often we have cacheing issues and I have to bat people over the head when they call me over.

    Presumably you haven't sent the CSS file to the wrong place. That won't be the first time it's happened....

    Posted 2 years ago #
15. PJay - Member

    Ok, one more observation. I've run the stylesheet through a CSS validator and there are no error now, but I'm still getting no change in the styles when I alter them in the stylesheet.

    I've just deleted the stylesheet entirely from the server and the styles are still displaying so this may be some sort of caching issue. Is there some sort of directive I can include in a stylesheet or prevent caching?

    Posted 2 years ago #
16. simonfbarnes - Member

    it's 'background-color' not 'background'
    there is no .menu class it's .menus
    psuedo classes :active etc have to be in the correct order (which I forget)

    you have ignored some of the errors I pointed out earlier, eg spurious '}' on line 31

    Posted 2 years ago #
17. Gordy - Member

    I didn't mean refresh the page; I meant refresh the stylesheet by opening it in a tab and hitting F5 or Ctrl+F5, depending on your browser. You should be able to just view it as a text file in your browser.

    MOTD on. Bye.

    Posted 2 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.