Quick question...

[craigquik]

Hey

I've used CSS to put a 1px border round a few photos but there's a 2px gap between the photo and the border along the bottom edge.

Any idea what's causing this?

My CSS is:

.image {
outline: 1px solid;
margin-right: 50px;
}

[flick]

padding: none;
(i think)

[craigquik]

Hmm...doesn't seem to be padding...

[SidekickWD]

Have a link?

[blueocto]

Are you sure it's not the images that have the white border? I've done that before *hangs head in shame*

[flick]

Originally Posted by blueocto

Are you sure it's not the images that have the white border? I've done that before *hangs head in shame*

haha, bless :D

[SidekickWD]

Originally Posted by blueocto

Are you sure it's not the images that have the white border? I've done that before *hangs head in shame*

That's actually what I was wondering, why I wanted to see the link. I can't figure any other reason there would be a border.

[PR Design]

Dunno without looking, but is there a reason why you're using outline:; over border:;? It looks essentially the same but renders differently, which may (or may not) be causing your problem.

[craigquik]

Originally Posted by blueocto

Are you sure it's not the images that have the white border? I've done that before *hangs head in shame*

Haha I'm absolutely sure!

link: Sam Brill Photography

PR - I'll try using border instead.

Please note that I've only spent an hour or 2 on it so far so spacings aren't sorted out etc... :)

[PR Design]

Ah, the outline is applied to li.image isn't it? And not the actual image. There's your issue I'd think.