Overlapping 1 px Borders making a thicker border

html css border jquery-masonry
Sam Clark picture Sam Clark · Aug 27, 2012 · Viewed 14.6k times · Source

Is there a way, when I have over lapping (touching) div's, to make the 1px border not become 2 pixels. And I know I could just put a border on 2 of the sides, but then the one edge of the div wouldn't have a border. By the way, I'm using jQuery Masonry.

Answer

Scott Selby picture Scott Selby · Aug 27, 2012

yes the div on the right would look something like this

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

the second border-left will override the left border that was just put on there

EDIT:

ok, since youre using jQuery masonary - do it like this 

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

the overlapping method I mentioned will work

Related questions

Placing border inside of div and not on its edge

I have a <div> element and I want to put a border on it. I know I can write style="border: 1px solid black", but this adds 2px to either side of the div, which is not what …

Read More
How to set a border for an HTML div tag

I am trying to define a border around a div tag in HTML. In some browsers the border does not appear. Here is my HTML code: How do I set a border for an HTML div tag?

Read More
How to increase space between dotted border dots

I am using dotted style border in my box like .box { width: 300px; height: 200px; border: dotted 1px #f00; float: left; } I want to the increase the space between each dot of the border.

Read More