Need a little help please, final changes with my stylesheet.

[alfisti]

Looking to make the final changes to my stylesheet, I have attached the code blow if anyone can help.

I am looking to make 3 final changes ..... Thanks in advance.

1) A small white boder inside (not outside) the current black borders I am using. 0.5 point for the thumbnails and 1pt for the images themselves.

2) Reduce the purple "PBASE" bar to as narrow a height as it is allowed

3) Remove the top "Previous/Next" button.

Code is below ....

DIV,BODY,TD,TH,TR,TABLE,LI,UL,FORM,
BLOCKQUOTE,P,B,I,H1,H2,H3,H4,H5 {
font-family: verdana,arial,helvetica,sans-serif;
color : #181818;
background : white;
font-size: small;
}

A:link { color : #000000}
A:active { color : #000000}
A:visited { color : #7B68EE}
A:hover { color : #FF0000}

.caption {
font-size : 9pt;
color : #444444;
font-style : italic;
}

IMG.thumbnail {
border-style : solid;
border-width : 2pt;
border-color : #000000;
}

IMG.display {
border-style : solid;
border-width : 4pt;
border-color : #000000;
}

BODY { margin-top: 0px; top: 0px; }
BODY TABLE A IMG { display: inline; }
HR { position: relative; }

[dang]

That's quiet a few changes, and not easy for a novice such as myself. I basically have to play with sheets to find ways to make the changes, and it can become very time consuming. Maybe someone else will tell you, but I'll point you toward figuring it out.

The easy way to add another boarder to the thumbnail is to change this section of the code:

IMG.thumbnail {
border-style : solid;
border-width : 2pt;
border-color : #000000;
}

I believe you can simply change the style line to double, like this:
border-style : double;

You can't make the pbase navigation bar smaller, sorry. But, you can hide it. If you'll look through the Sticky Posts here: http://forum.pbase.com/viewtopic.php?t=13408

Look for something telling about adding a "-27px" to the top.

Something similar to this:

DIV,BODY,TD,TH,TR,TABLE,LI,UL,FORM,
BLOCKQUOTE,P,B,I,H1,H2,H3,H4,H5 {
font-family: verdana,arial,helvetica,sans-serif;
color : #181818;
background : white;
font-size: small;
}

TABLE {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; MARGIN-TOP: -27px; MARGIN-BOTTOM: 27px;
}

A:link { color : #000000}
A:active { color : #000000}
A:visited { color : #7B68EE}
A:hover { color : #FF0000}

What you'll find will be no bar because it's moved off the top of the page, and causes problems. So then... you'll need to add padding into other sections.

As I've already said, this becomes time consuming. It's good to learn yourself, so I'm not going to write the entire sheet . But that's a start, play with it and have fun.

[alfisti]

thanks i will give all that a go! Much appreciated.