Grow your CSS skills. Land your dream job.

Border Issue CSS

  • # June 20, 2013 at 12:15 am

    I would like to know how do I make the border just stop below the light grey box rather than go all around.

    http://codepen.io/mwbcomputers/pen/Idysz

    # June 20, 2013 at 12:22 am

    remove border from .boxes and put it in .head-top instead.
    .boxes {
    background: #444444;
    float: left;
    height: 340px;
    width: 30%;
    margin-top: 2.5%;
    margin-bottom: 2.5%;
    margin-left: 2.5%;
    }
    .head-top {
    height: 50px;
    background: #ECECEC;
    border: 1px solid #000
    }

    # June 20, 2013 at 1:06 am

    Hey Try this.

    http://codepen.io/anon/pen/uKCGI

    # June 20, 2013 at 1:28 am

    hi try this

    http://codepen.io/anon/pen/JnDds

    # June 20, 2013 at 7:10 am

    Or this…which is, I think, closer to what was originally requested.

    >I would like to know how do I make the border just stop below the light grey box rather than go all around.

    http://codepen.io/Paulie-D/pen/iohCl

    # June 20, 2013 at 8:31 am

    @Paulie_D check my link as above then tell that’s right.

    # June 20, 2013 at 9:30 am

    @Sarfaraj

    I did and, assuming the the OP’s original request is what I think it was, then you still have this

    .boxes {

    border: 1px solid #d9d9d9; < ===
    }

    All you did was add another border…which is not what he asked for.

    # June 20, 2013 at 10:34 am

    Made is nice and clean style sorry for late reply did it so looks like there no border on area I am after. Just was mixing things around trying new things out

    http://codepen.io/mwbcomputers/pen/Idysz

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

You must be logged in to reply to this topic.

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