Geek asks and answers

Overlap 1 px Borders making a thicker border

Is there a way when I have a notch (touch) div so that the 1px border does not become 2 pixels. And I know that I can just put the border on 2 sides, but then one edge of the div will not have a border. By the way, I'm using jQuery Masonry.

+5
source share
2 answers

yes, the div on the right will look something like this.

     border: 1px solid #fff;
     border-left: none;

the second leftmost will override the left border that was just laid there

EDIT:

ok since you are using jQuery masonary - do it like this

            .container {
              width:50px;
              height:80px;
              border:1px solid black;
              margin-right: -1px;
              margin-bottom: -1px;
              }

the overlap method described by me will work

+7
source

( ) , . , , ...

.container .post {
   float: left;
   width: 240px;
}

.container .text {
    outline: 1px solid #999;
    padding: 10px;
    margin: 0 1px 1px 0;
}

outline "" div, .

http://jsfiddle.net/4xmUY/

( , , , , ).

+2

More articles:


All Articles