1 reply [Last post]
clipartguy
Offline
newbie
Medford, OR
Last seen: 9 years 11 weeks ago
Medford, OR
Timezone: GMT-7
Joined: 2011-09-08
Posts: 1
Points: 2

What is the best way to get these preview thumbnails to appear to have 1px borders? Currently when they align each other, side-by-side, they appear to have 2px borders.

Here's my test page: http://www.hittoon.com/t

Each thumbnail is wrapped in a div with the class name img165.

Here's the CSS currently being used.

		div.img165 {
			position:relative;
			border: solid #333333 1px;
			float:left;      
			width:165px; 
			height:165px; 
			overflow: hidden;
			}

hotpepper
hotpepper's picture
Offline
newbie
Last seen: 9 years 11 weeks ago
Timezone: GMT-7
Joined: 2011-07-29
Posts: 2
Points: 2

I would have two classes: 1

I would have two classes:

1 with all the borders and 1 without the left border.

Use the first class for the first image and the second for all subsequent images in the same row.

div.img165 {
			position:relative;
			border: solid #333333 1px;
			float:left;      
			width:165px; 
			height:165px; 
			overflow: hidden;
			}
 
.img165b {
			position:relative;
			border: solid #333333 1px;
			border-left-style:none;
			float:left;      
			width:165px; 
			height:165px; 
			overflow: hidden;
	     }