Grow your CSS skills. Land your dream job.

border of container wont display on one side??

  • # August 29, 2009 at 6:07 am

    Hi,

    this is my first ever website so go easy on me!

    Its sort of taking shape but I have put a box in that will eventually have flash movies in it and I want a border on the top and both sides. to get it where I wanted it I gave it some padding and margin to move it from behind the sidebar graphic which I floated left. The problem is that it doesnt seem to want to show the border on the left side?? I though it might be that I had not padded it enough but even if I bumped that up it still didnt show?

    I have posted all the code as I have no idea if anything I have done so far is correct??

    Cheers for you help

    Code:
    < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


    Aliquam aliquet, est a ullamcorper condimentum, tellus nulla fringilla elit, a iaculis nulla turpis sed wisi. Fusce volutpat. Etiam sodales ante id nunc. Proin ornare dignissim lacus. Nunc porttitor nunc a sem. Sed sollicitudin velit eu magna. Aliquam pede.

    and the css

    Code:
    #page-wrap #flash_container {
    float: none;
    height: 372px;
    width: 793px;
    background-color: #FFF;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: none;
    border-left-style: solid;
    border-top-color: #cccccc;
    border-right-color: #cccccc;
    border-bottom-color: #cccccc;
    border-left-color: #cccccc;
    clear: none;
    padding-right: 158px;
    margin-right: 158px;
    }
    # August 29, 2009 at 11:14 am

    figured it out thanks,

    needed to float it left and have no padding, I thought this would hide it behind the sidebar?

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".