Board index PBase HTML and Style Sheets white space around pbase title bar - need to get rid of it

HTML and Style Sheets

white space around pbase title bar - need to get rid of it

Customize your galleries.
jenswrens
 
Posts: 6

white space around pbase title bar - need to get rid of it

Post Sat Nov 22, 2008 11:01 pm


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

dougj
 
Posts: 2276

Re: white space around pbase title bar - need to get rid of it

Post Sat Nov 22, 2008 11:16 pm


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.

jenswrens
 
Posts: 6

Re: white space around pbase title bar - need to get rid of it

Post Sat Nov 22, 2008 11:29 pm


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

dougj
 
Posts: 2276

Re: white space around pbase title bar - need to get rid of it

Post Sun Nov 23, 2008 12:16 am


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.

dougj
 
Posts: 2276

Re: white space around pbase title bar - need to get rid of it

Post Sun Nov 23, 2008 12:35 am


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

jenswrens
 
Posts: 6

Re: white space around pbase title bar - need to get rid of it

Post Sun Nov 23, 2008 12:43 am


Thank you!!


Board index PBase HTML and Style Sheets white space around pbase title bar - need to get rid of it

Who is online

Users browsing this forum: No registered users and 2 guests