One more border question. I managed to do two borders which I'm fairly happy with. I would like to put a 2px border right around the image, the single image, I think that is called the display image. I have tried various ways to code it, but I do not know what to write. Here is my source code.
<style type="text/css">
<!--
/*
::::: StyleSheet Information ::::::
:: ------------------------------::
:: PBase.com Style Version 1.0 ::
:: by Webdev - Pim Rijpsma - NL ::
:: http://www.pbase.com/webdev/ ::
:: ------------------------------::
:::::::::::::::::::::::::::::::::::
*/
.galleryheader {
margin-left: 300px;
margin-right: 300px;
margin-top: 45px;
margin-bottom: 25px;
{text-align: center};
}
a, a:link,a:visited,a:active {
color: #999933; text-decoration: none;
}
a:hover {
color: #999933;
text-decoration: none;
}
a.td.thumbnail, a.td.thumbnail:link, a.td.thumbnail:visited, a.td.thumbnail:active {
border: #999933 1px solid;
margin-bottom: -45px;
padding-top: 20px;
padding-bottom: 15px;
padding-right: 20px;
padding-left: 20px;
width: 172px;
display: block;
background: #ffffff;
height: 207px;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
a.td.thumbnail:hover {
border: #999933 1px solid;
margin-bottom: -45px;
padding-top: 20px;
padding-bottom: 15px;
padding-right: 20px;
padding-left: 20px;
width: 172px;
display: block;
background: #cccc66;
height: 207px;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
body{
margin-bottom: 20px;
margin-top: 40px;
background: #cccc99;
}
div,th,tr,table,font,li,ul,form,
blockquote,p,b,i,h1,h2,h3,h4,h5,font, center {
border: 3px;
color: #333300;
font: 13px verdana, arial, sans-serif;
}
font {
margin-left: 4px;
margin-right: 4px;
width: 170px;
display: block;
color: #666600;
font: 11px Verdana, Tahoma, Helvetica, sans-serif;
letter-spacing: 0px;
}
h1, h2 {
border: rgb(95, 121, 216) 3px dotted;
border-left: 4px none;
border-right: 4px none;
border-top: 4px none;
margin-bottom: 1em;
margin-left: -10px;
margin-right: 0px;
padding: 5px;
width: 100%;
display: block;
background: #999966;
color: #999966;
font-size: 16px;
font-weight: bold;
letter-spacing: 4px;
text-align: right;
height: 21px;
position: relative;
filter:
progid:DXImageTransform.Microsoft.gradient(gradientType=1,enabled='true',startColorstr
='#669966',endColorstr='#cccc99');
}
h3 {
border-bottom: #999966; 1px dotted;
border-left: 4px none;
border-right: 4px none;
border-top: 1px none;
padding: 2px;
width: 400px;
display: block;
background: #ffffcc;
color: #999966;
font: 12px;
font-weight: normal;
letter-spacing: 0px;
text-align: center;
}
h5 {
padding-left: 2px;
width: 150px;
display: block;
color: #999966;
font-size: 12px;
font-weight: normal;
filter:
progid:DXImageTransform.Microsoft.gradient(gradientType=1,enabled='true',startColorstr
='#000000',endColorstr='#2D2D2D');
}
img{
border: rgb(0, 0, 0) 4px none;
}
img.thumbnail {
border: #000000 2px solid;
margin: 0px;
padding: 0px;
background: #999966;
vertical-align: middle;
}input {
border: rgb(0, 0, 0) 1px solid;
}
table.thumbnail {
width: 10%;
}
td {
border: 1px none;
background: none;
border-collapse: collapse;
empty-cells: show;
}
td.message_body {
border-bottom: #fffff; 1px dotted;
border-left: 4px none;
border-right: 4px none;
border-top: 1px none;
display: block;
background: #ffffcc;
}
.caption {
color: #99966;
font-size: 12px Verdana, Tahoma, Helvetica, sans-serif;
font-style: italic;
}
.display {
border: #000000 20px solid;
background-color : #ffffff;
padding: 80px;
display: block;
filter:
progid:DXImageTransform.Microsoft.Shadow(color="#141414",Direction=135,Strength=5);
}
.lid{
background: #999966;
color: #cccc99;
font: 11px Verdana, Tahoma, Helvetica, sans-serif;
text-decoration: none;
}
.message_body {
margin: 5px 5px 10px;
color: #666600;
font: 12px Verdana, Tahoma, Helvetica, sans-serif;
}
.sb{
background: #999966;
color: #999966;
font: 12px Verdana, Tahoma, Helvetica, sans-serif;
text-decoration: none;
}
BODY { margin-top: 0px; top: 0px; }
HR { position : relative;}
-->
</style>
I hope you can tell me where to put it. I'd like it to be black #000000. Thanks once again!