1. This website uses cookies. By continuing to use this website you are giving consent to cookies being used.
    For information on cookies and how you can disable them visit our Cookie Usage page.
    Dismiss Notice

CSS Books Online Border Removal

Discussion in 'Web Development' started by hortonx5, Oct 29, 2009.

  1. hortonx5

    hortonx5 New Member

    I have been modifying the Books Online template but cannot figure out which code will change the white horizontal border between the orange and green navigation bars. I have found the CSS for each of the other borders but can't find that one.

    Any ideas? Thanks!
     
  2. enigma1

    enigma1 New Member

    It's controlled by the class clear in the css.

    .clear {
    clear: both;
    background: #fff;
    margin: 0 1px 0 0;
    }

    you could change the background color to #000 to see the effect
     
  3. hortonx5

    hortonx5 New Member

    Thank you so much! It's been a few months, but I still hadn't figured out that code. :D

    After I looked at the class clear you mentioned - it turned out that the problem was actually the gray divider just the right of the white divider. It was too long and was covering up the edge of the white divider. After some trial and error, I found the code for that in the .clear div area just below the class clear:

    .clear div {
    margin: 0 4px 0 144px;
    border-top: 1px solid #999;
    width: 504px;
    height: 1px;
    font-size: 1px;
    margin-bottom: -1px;

    I finally have it looking right, and if I ever finish writing all the webpages I'll be good to go! :rolleyes:

    Thanks again, I appreciate it.