Skip navigation
Currently Being Moderated

Overcoming CSS rule

May 8, 2013 5:05 AM

Using Firebug I can see that my efforts to show table borders are futile, as I have this rule in my styles.css:


table, td, div, img { border:0; border-collapse:collapse;}


How do I create a class style to provide an exception to this rule?

  • Currently Being Moderated
    May 8, 2013 5:38 AM   in reply to Paevo Kelley

    Will this work for you?


    <table class="myClass">







    .myClass {

    border: 1px solid #000;


    Mark as:
  • Currently Being Moderated
    May 8, 2013 6:24 AM   in reply to Paevo Kelley

    If you have a rule for all of yoru tables, every table will look the same.


    But if you have one page where you want things to be different—for that page—you can set up a style in your <head> area for that page that is different and all styles for the tables on that page will follow that:


    <style type="text/css">

    table, td, div, img {

         border:1px solid #000;




    This needs to be beneath your call to your stylesheet in the <head> area of that page.


    When you follow the style cascade, this new style will overrule the previous style set up in your stylesheet—for that page.


    Osgood is showing you how to create a special style for all pages in the website that you may put in your stylesheet for all pages.

    Mark as:
  • Currently Being Moderated
    May 8, 2013 7:31 AM   in reply to mhollis55

    Hi Mark,


    You might want to have a look at page 4 of our Tree Menu Magic 3 user

    guide. It's online here:


    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points