Hello,
I have a problem with my slideshow in my main page http://www.pbase.com/edouarrr
My vertical pictures have lost their top borders since I changed my CSS, but I don't know what.
I also have another question: is it possible to have the pictures in the slideshow biger ?
Here are my Html code : <H1 align=center><BR><BR>
Edouard Steru photography
<BR><BR><BR><BR><BR><BR>
<html lang="en-US"><head>
<center>
<table border="0" cellpadding="3" cellspacing="0" width="800">
<tbody>
<tr>
<td align=left><img src="http://www.pbase.com/image/56552555/original.jpg"></td></tr>
<tr>
<td><img src="http://www.pbase.com/image/56552555/original.jpg" height="8"></td></tr>
<tr>
<td colspan="3" valign="bottom"><!--- menu starts here --->
<table class="luis" border="0" cellpadding="0" cellspacing="0" width="800">
<tbody>
<tr>
<td><img src="http://www.pbase.com/image/56552555/original.jpg" height="8"></td></tr>
<tr align="middle">
<td><a href="http://www.pbase.com/edouarrr/profile"><h3>Profile</h3></a></td>
<td><img src="http://www.pbase.com/image/56552555/original.jpg" width="8"></td>
<td><a href="http://www.pbase.com/edouarrr/guestbook"><h3>Guestbook</h3></a></td>
<td><img src="http://www.pbase.com/image/56552555/original.jpg" width="8"></td>
<td><a href="http://www.pbase.com/edouarrr/root&view=recent"><h3>Recent</h3></a></td>
<td><img src="http://www.pbase.com/image/56552555/original.jpg" width="8"></td>
<td><a href="http://www.pbase.com/edouarrr/root&view=tree"><h3>Galleries</h3></a></td>
<td><img src="http://www.pbase.com/image/56552555/original.jpg" width="8"></td>
<td><a href="http://upload.pbase.com/edit_gallery/edouarrr/root"><h3>Edit</h3>
</a></td></tr></tbody></table></td></tr><!--- menu ends here --->
<tr>
<td valign="top">
<img id="imgid" src="http://www.pbase.com/image/56552555/original.jpg"></td>
<td><img src="http://www.pbase.com/image/56552555/original.jpg"><width="15"></td>
<td bgcolor="#333333" valign="top"><!--- right column --->
<table border="0" cellpadding="5" cellspacing="0">
</p></td></tr></tbody></table></td><!--- end right column --->
</tr>
<tr>
<td colspan="5"><img onload="" src="http://www.pbase.com/image/56552555/original.jpg" height="6"></td></tr>
<tr>
<td colspan="5" align="center">
<p>
<br>
</p></td></tr><!--- end elated credit---></tbody></table></center>
</H1>
<BR><BR><BR>
<DIV ALIGN=CENTER><TABLE BORDER="3" BORDERCOLORLIGHT=white BORDERCOLORDARK=whiteCELLSPACING=8>
<TR><BR><BR>
<TD>SLIDESHOW(nice, size=original, delay=1, loop=no)</TD></TR></TABLE><BR></DIV>
<CENTER>Welcome to my gallery<CENTER>
<TD align=middle colSpan=5>
<BR><CENTER>Please contact me if you want to use some of my pictures (edouardsteru@hotmail.com)
<BR><BR><BR>
If you like my pictures, please write a comment and/or vote.
<BR>
<BR>
<BR>
Laissez moi un petit mot d'encourragement et/ ou un vote si vous appréciez mes photos, ca fait toujours plaisir.
Et n'hésitez pas à me contacter si vous êtes intéressé par certaines photos.</TABLE></CENTER><BR><BR><BR><BR><BR><BR><BR>
And here are my css:
/*this will hide the PBase Menu*/
table{
margin-top: -39px;
padding-bottom: 30px;
}
IMG.thumbnail {
VERTICAL-ALIGN: middle;
BACKGROUND-COLOR: #000000;
horizontal-align: middle;
border: black 5px solid
}
a.thumbnail {
border: #EED8AE 3px ridge; /*ou double*/
DISPLAY: block;
BACKGROUND: white;
background-image: url(http://www.pbase.com/edouarrr/image/88976041.jpg);
MARGIN-BOTTOM: -14px;
WIDTH: 100%;
PADDING-TOP: 10px;
HEIGHT: 200px
}
a.thumbnail:hover {
border: #996633 3px ridge;
background-image: url(http://www.pbase.com/edouarrr/image/88976047/small.jpg);
}
.caption {
FONT-SIZE: 14pt;
color: #000000;
FONT-STYLE: normal
}
BODY {
MARGIN-TOP: 5px;
BACKGROUND: #000000
url(http://www.pbase.com/edouarrr/image/89317001.jpg)
SCROLLBAR-FACE-COLOR: red;
SCROLLBAR-HIGHLIGHT-COLOR: #DCDCDC;
SCROLLBAR-SHADOW-COLOR: #646464;
SCROLLBAR-3DLIGHT-COLOR: #ffffff;
SCROLLBAR-ARROW-COLOR: #ffffff;
SCROLLBAR-TRACK-COLOR: #646464;
SCROLLBAR-DARKSHADOW-COLOR: #000000
}
.message_body {
PADDING: 0px;
FONT-SIZE: 16pt;
COLOR: black;
FONT-FAMILY: verdana, arial, sans-serif;
FONT-STYLE: bold;
LETTER-SPACING: 1px;
text-align: left;
BACKGROUND-COLOR: white
}
div,th,tr,td,table,font,li,ul,form,blockquote,font,span,center,P,b,i,H1,h2,h3,h4,h5 {
border: 0px; padding: 0px; black
LETTER-SPACING: 1px;
color: black;
font: 16pt Papyrus, Poor Richard, Bookman Old Style, verdana, Tahoma, Helvetica, sans-serif;
FONT-WEIGHT: bold;
}
h1,H2,h3,h4,h5 {
FONT-WEIGHT: bold;
FONT-SIZE:22pt;
COLOR: white;
LETTER-SPACING: 8px;
BACKGROUND-COLOR: black;
VERTICAL-ALIGN: middle;
TEXT-ALIGN: center;
border: white 10px solid;
border-left: 10px ;
border-right: 40px ;
border-top: 10px solid;
border-bottom: 10px solid;
margin-top: 10px;
margin-bottom: 20px;
padding: 20px;
width: 100%;
margin-right: 0px; margin-left: 0px
}
p {
PADDING: 0px;
FONT-SIZE: 14pt;
FONT-STYLE: normal;
text-align: center
}
b {
PADDING: 0px;
FONT-SIZE: 16pt;
text-align: right
}
font {
PADDING: 0px;
FONT-SIZE: 16pt;
text-align: center;
FONT-STYLE: bold;
FONT-FAMILY: verdana, arial, sans-serif;
LETTER-SPACING: 1px;
}
A:link, A:visited, A:active {
FONT-SIZE: 14pt;
FONT-FAMILY: Papyrus, Poor Richard, Bookman Old Style, verdana, Tahoma, Helvetica, sans-serif;
COLOR: #000000;
TEXT-DECORATION: none
}
A:hover {
FONT-FAMILY: Papyrus, Poor Richard, Bookman Old Style, verdana, Tahoma, Helvetica, sans-serif;
FONT-SIZE: 14pt;
FONT-STYLE: bold;
COLOR: #505064;
TEXT-DECORATION: underline
}
.current {
FONT-SIZE: 12pt;
FONT-FAMILY: verdana, arial, sans-serif;
COLOR: #000000;
TEXT-DECORATION: none;
FONT-STYLE: bold;
}
BODY TABLE A IMG {
DISPLAY: inline
}
HR {
POSITION: relative
}
.display {
border: #000000 2px solid;
margin-top: 1em;
background: #000000;
}
.lid{
background: transparent;
color: #000000;
font: 12pt verdana, arial, sans-serif;
text-decoration: none;
}
.sb{
background: transparent;
border: #C8C8C8 2px solid;
border-left: 1px none;
border-right: 1px none;
border-top: 1px none;
color: #000000;
font: 12pt verdana, arial, sans-serif;
text-decoration: none;
}
BODY { margin-top: 0px; top: 0px; }
BODY TABLE A IMG { display: inline; }
HR { position: relative; }
BODY { margin-top: 0px; top: 0px; }
BODY TABLE A IMG { display: inline; }
HR { position: relative; }
BODY { margin-top: 0px; top: 0px; }
BODY TABLE A IMG { display: inline; }
HR { position: relative; }
I would also appreciate very much if you have suggestions to improve my CSS and Html codes
Thank you for your help