Vanilla 1 is no longer supported or maintained. If you need a copy, you can get it here.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

Usesful CSS tip

edited September 2006 in Vanilla 1.0 Help
if you need to toggle off and on some css just to see what it does or how it might effect your layout
you can use this / in front of the style to toggle it off, it's very handy for checking css and also for learning how one element effects another


/ body { background url()}


  • Options
    edited September 2006
    Or! Instead of happening to find something that seems to break your css, you can use actual comments!
    /* body { background url()} */
  • Options
    bjrn's one is better :) Also, most editors also recognise it and will use the appropiate colors :)
  • Options
    Yes, but it's quicker the bugsmi0 way, I use something like this:
    body{ color:#000; Xcolor:#777; }

    Note the "X", that's the rule browsers will ignore. Just reember to keep those out of the final stylesheet, I use firebug Fx extension for that. (I set it to report CSS erors.)
  • Options
    Yeah I use the 'x' technique as well
  • Options
    i use the developer extension in firefox to test out any changes i make to the css
  • Options
    Is X a rule the browsers really ignore, or is it just that they don't know what xcolor is? Wouldn't bcolor do the same thing? or ccolor? I agree with strawberries, the developer extension is the easiest way to go about it...
  • Options
    yeah, bcolor or ccolor would do the same thing.. X is just a good visual cue
  • Options
    / much quicker and easy on the eyeball

    the /* */ takes longer and is more permanent if you want to keep something excluded

    but with / its only temporary for diagnostic purposes

    comes in handy to see what's controlling what,
  • Options
    Another Great Tip > especially for newbies, STOP!!! using so many damn css selectors, its hard on the eyes to have to look at so many selectors that should never have been created in the first place, instead, learn to group your css within the a container and then style the container for basic things that will effect everything in that container, ie <div id=panel> if you have all your stuff here, just make each item part of the #panel ie #panel h1, #panel select, #panel a etc </div> rarely will you ever have to create a separate selector for an item inside an existing container make your stylesheets simple and easy, i'm sure someone more expertish could say this better but this is one thing that annoys me ha ha, with Vanilla I've been renaming the entire stylesheet just about, I recomend this if you want to find everything also I think someone here recommended in another topic to stop putting css in the core files, just stop it lol oh and the css in the extension files, just top that too while your at it, we shouldn't have to search all over the files for css, just keep it in one location, ok i'm done ;-)
This discussion has been closed.