Forums

[resolved] White border around image within black border (3 posts)

  1. demonboy
    Member
    Posted 2 years ago #

    Anyone know how I can add a thin (1px) white border immediately around an image, that sits within a larger, thicker black border?

    If you see here:

    http://www.followtheboat.com/2009/08/01/flaming-lipsi/

    ...you can see the thick black border, but I want to include the white border around the image. This is the code I am using, what should I add to it?

    .wp-caption.aligncenter  {
    	background-color: #000000;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	font-weight: normal;
    	color: #FFFFFF;
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    	margin-bottom: 10px;
    	margin-top: 10px;
    	border: 20px solid #000000;
    }

    Any help gratefully received.

  2. s_ha_dum (was apljdi)
    Member
    Posted 2 years ago #

    Set your background color to white-- #ffffff. Then add padding of whatever thickness you want the white inner border to be-- looks like you'd want padding:1px.

  3. demonboy
    Member
    Posted 2 years ago #

    This was resolved by posting the code up on http://www.tek-tips.com. See here for the solution.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags