Comments on: Create a Double Border Image Effect Using CSS

By: John

John — Thu, 09 Dec 2010 23:09:31 +0000

Um,

border-style: double;

By: Jose

Jose — Mon, 20 Oct 2008 12:17:54 +0000

He intentado crearlo en la web http://www.eyaculacion-precoz.info pero no he podido, me puedes ayudar?

By: webhosting

webhosting — Mon, 20 Oct 2008 06:32:58 +0000

Thanks for sharing this

By: Иван

Иван — Sun, 19 Oct 2008 00:35:07 +0000

Outline is not cross-browser ;)

By: Tim Novinger

Tim Novinger — Thu, 16 Oct 2008 22:27:40 +0000

You can also use

outline: 1px solid #000;

to achieve the same effect.

// Tim

By: Bob

Bob — Thu, 16 Oct 2008 15:31:17 +0000

Really cool, simple, elegant idea. Nice work.

By: Иван

Иван — Thu, 16 Oct 2008 14:17:41 +0000

@Elmas — it’s all about the right !DCOTYPE. If you manage to run IE 6 in standads mode — you will see the padding. If you do not manage, however, you will run the page in Quirks mode and not see the padding.

The easiest way to trigger Quirks mode is to add a XML prologue or add anything but white space before the DOCTYPE e.g. comment ;)

See at http://en.wikipedia.org/wiki/Quirks_mode for quick info.

By: Salmen

Salmen — Thu, 16 Oct 2008 12:35:06 +0000

Creare un bordo doppio per un immagine
http://moukadesign.altervista.org/css-creare-un-bordo-doppio-per-un-immagine/

By: Mark Sanborn

Mark Sanborn — Wed, 15 Oct 2008 21:11:54 +0000

That is pretty nice. Never would have thought of using background and padding to create the inner grey “double” border.

By: Ahmed

Ahmed — Wed, 15 Oct 2008 20:15:02 +0000

Very slick!