PBase

Help

Last week I was fiddling around trying to learn css, playing with borders & stuff. I did something that added weird white space around the pbase title bar at the top of the page. I want it to go back to the regular way it used to be.

Can someone take a look at the css on my page below and figure out what I did and how to switch it back? I've looked and looked and can't find it.

Thanks!

http://www.pbase.com/jenswrens/mn_kitchen_finished

The white space is coming from CSS 116630:

Code: Select all

img{
        border: 7px white solid;
}

This is right after 'h5', you can simply remove this from the CSS and do an update.

Sweet! Thank you for finding that. I remember now that I put it there to get a white border around my larger single image (when you click on the thumbnail). Getting rid of that gets rid of the image border. How do I get a border around this single image without messing up the rest of the page?

http://www.pbase.com/jenswrens/image/106124245

Try adding this.

Code: Select all

TABLE.imagetable {
  background : #FFFFFF;
  border-style : solid;
  border-width : 12pt;
  border-color : #A63714;
}

span.date
{
font-size: 12px;
font-weight: normal;
color: #A63714;
}

You set the border properties in TABLE.imagetable; the span.date is for the properties of the date that is just below the photo. I picked one of the cabinet colors for both, but as a CSS it will apply to all images, you may want to use a neutral color.

Good luck!

EDIT: Let me look again, I think I'm seeing something different.

I needed to clean my cache... The previous code will work, but it changes the border & appearance, try it and see if you like it. As an alternative, you can edit:

Code: Select all

img{
        border: 7px white solid;
}

to this:

Code: Select all

img.display{
        border: 7px white solid;
}

this will give you a simple white border as it was before, with the text outside in the previous style & color

Thank you!!