Border for Inove

  • FarChris

    (@farchris)


    14 years ago

    Hello,
    I would like to have a border around the Inove theme.

    I have add to the #container the following:
    border-left:2px solid #A6A6A6;
    border-right:2px solid #A6A6A6;

    But now the border is also around the header and the footer:

    I have tried to insert the following into the #header and #footer:
    border-left:none !important;
    border-right:none !important;

    It does not work unfortunately.
    Here the link to the blog: http://bit.ly/FPpkeD
    … and a screen: http://tinyurl.com/74tq9u9

    Thank you for help!

Viewing 4 replies - 1 through 4 (of 4 total)
  • pixel-Jay

    (@pixel-jay)

    14 years ago

    Use #content instead of #container, the header, content and footer is inside the container.

    Hope that helps

    Clayton James

    (@claytonjames)

    14 years ago

    Try adding the border to #content and see of that does what you need.

    #content {
     background: url("img/sidesep.gif") repeat-y scroll right center #FFFFFF;
     border: 2px solid #A6A6A6;
     min-height: 400px;

}

    Michael

    (@alchymyth)

    14 years ago

    with these kind of fundamental formatting problems, try to work with a tool such as Firebug http://getfirebug.com/ to evaluate the involved css selectors.

    you would have found that the selector is #content;

    example:
    #content{ border-left: 2px solid #A6A6A6; border-right: 2px solid #A6A6A6; }

    Thread Starter FarChris

    (@farchris)

    14 years ago

    Hello, thank you!

    When I use the #content selector the border is in the content area.
    In #container the border is outside of the content.

    Screen: http://tinyurl.com/7whqr5w

    How can I get the border look like the one from the container selector?

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Border for Inove’ is closed to new replies.

  • 4 replies
  • 4 participants
  • Last reply from: FarChris
  • Last activity: 14 years ago
  • Status: not resolved