Board index ‹ PBase ‹ HTML and Style Sheets ‹ A banner/slideshow problem I'm stuck on!

HTML and Style Sheets

A banner/slideshow problem I'm stuck on!

Customize your galleries.
dang
 
Posts: 3780

Re: A banner/slideshow problem I'm stuck on!

Post Sat Sep 20, 2008 4:17 am

Hi Fran,
It might still work, what I'd suggest is trying the coding below in a separate gallery before doing anything major with what you have. If you can duplicate the showing link problem, that's where I'm stumped. The "Luis Code" was actually the first slide show code written for use on Pbase, and posted a member. You can see a later version I adapted included in Karen Leafs gallery here: http://www.pbase.com/kleaf.

It's a nice tidy code for the"root", and includes the use of clear spacers to keep elements aligned. If you want to change to it instead, I've fixed the html to your current designing, which you can just past into your root description, without making any changes to your CSS. I think you'll like it, I've included your RSS Feed link into to it, and added a few extra touches for search engines. If you're using any top links included within the Pbase code, they can be turned of in the edit page where it says "Subgalleries link to each other." The coding in the previous post is probably best for your other galleries, and may or may not need a separate style sheet since I haven't tried it.
Hope you enjoy, but let me know if there's any problems.
Code: Select all
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE> Fran Purdy Photo Galleries</TITLE>
<META http-equiv=Content-Type content="text/html; charset=UTF-8">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="GoogleBot-Image" content="INDEX,FOLLOW"><head>
<p align="center"><img src="http://www.pbase.com/franpurdy/image/103275370/original.jpg">
<br><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/franpurdy"><h3><strong> Home </strong</h3></a></td>
<td><img src="http://www.pbase.com/image/56552555/original.jpg" width="8"></td>
<td><a href="http://www.pbase.com/franpurdy/portraits"><h3><strong> Portraits </strong> </h3></a></td>
<td><img src="http://www.pbase.com/image/56552555/original.jpg" width="8"></td>
<td><a href="http://www.pbase.com/franpurdy/pets"><h3><strong> Pets </strong></h3></a></td>
<td><img src="http://www.pbase.com/image/56552555/original.jpg" width="8"></td>
<td><a href="http://www.pbase.com/franpurdy/prints"><h3><strong> Prints </strong></h3></a></td>
<td><img src="http://www.pbase.com/image/56552555/original.jpg" width="8"></td>
<td><a href="http://www.pbase.com/franpurdy/client_area"><h3><strong> Client Area </strong</h3></a></td>
<td><img src="http://www.pbase.com/image/56552555/original.jpg" width="8"></td>
<td><a href="http://feeds.pbase.com/feeds/franpurdy/photos.atom"><h3><strong>RSS Feed</strong></h3>
</a></td>
<td><img src="http://www.pbase.com/image/56552555/original.jpg" width="8"></td>
<td><a href="mailto:fran@franpurdy.com"><h3><strong> Email </strong</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/franpurdy/root"><h3>Edit</h3>
</a></td></tr></tbody></table></td></tr><!--- menu ends here --->
<tr>
<td valign="top"><br>

SLIDESHOW(prints, size=medium, delay=3, loop=yes)

<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">
<tbody>
<tr>
<td><p align="center">
<br><p align="center">Welcome,</p></center> <p align="left">  Photography has always been my passion.  I was fortunate enough to study photography full time back in the 80's, before digital cameras were even dreamed of, and learned how to develop photographs using smelly chemicals in dark rooms!</p>

<p align="left">These days I use a Nikon D300, and process my images using Photoshop, but the thrill is still the same.  Last year I was a finalist in The Daily Telegraph's 'Our Lives' photography competition, selected from over 50,000 entrants.  This year I've been awarded membership of the Royal Photographic Society, and have made my mother proud by putting letters after my name (even if she doesn't know what they stand for!)</p>
<p align="left">I am now taking bookings for human and pet portraits, and commissions for any other genre of photography; be it food, fashion or the occasional wedding.</p>
</p><p><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><!--- Elated credit <A HREF="http://www.elated.com"><http://www.elated.com</A> --->
<tr>
<td colspan="5" align="center">
<p><strong>Please <a href="mailto:fran@franpurdy.com">CONTACT ME</a> to discuss any of your photographic needs.<strong> 
<br><strong>To get news of photo updates, please subscribe to my RSS Feed - link at top.</strong></p>
<p>Copyrighted © 2008 Fran Purdy LRPS.</p>
</td></tr><!--- end elated credit---></tbody></table></center>
<br><br><br><br>br><br><br><a name="galerias"></a>
Top
franpurdy
 
Posts: 15

Re: A banner/slideshow problem I'm stuck on!

Post Sat Sep 20, 2008 10:28 am

Ok, I'm back - I've managed to break my laptop this morning, so am hoping I have better luck with this!

I've changed the home, portraits, and pets galleries to the new cose (with amendments for the text), and they all look fine in firefox. However, in IE there's still the line at the bottom of the page saying "click on thumnails for full image" :(

I think the only other thing I'll need to do is something to make the navigation bar thingy ("home/portraits/pets/prints") stand out more.

Will be back later!
Top
jenga
 
Posts: 218

Re: A banner/slideshow problem I'm stuck on!

Post Sat Sep 20, 2008 10:49 am

Ignore my last post, I'm an idiot, and used the code as the stylesheet instead of entering it in the description box! I've had a quick go now, but it's not right (though it looks like it will be brilliant once I've made the right adjustments!) and the slideshow isn't working.

I need to go and do other stuff, so I'll have another go later
Last edited by jenga on Sat Sep 20, 2008 9:16 pm, edited 1 time in total.
Top
franpurdy
 
Posts: 15

Re: A banner/slideshow problem I'm stuck on!

Post Sat Sep 20, 2008 11:12 am

It's getting there now! Slideshow is fine, I had the wrong gallery name in :roll:

sorry for the franpurdy/jenga postings- I realise I seem quite mad.
Top
dang
 
Posts: 3780

Re: A banner/slideshow problem I'm stuck on!

Post Sat Sep 20, 2008 12:54 pm

Hi Fran,
I still can't get it to show on my computer. And I noticed you still have navigation below the slideshow, which isn't in the codes I posted. Can you post the CSS & HTML you're using here? Or is it that you want the extra navigation at the bottom for some reason?
I'm not too sure about the boxes with the top navigation myself, I thought it was much cleaner without. But that's up to you, of course. If you're going to use it that way, you might try using a <center> tag just them so the text would be centered in the boxes. Looks a bit odd to the side.

Takes a bit ot tweaking at time, eh. :wink:
Top
franpurdy
 
Posts: 15

Re: A banner/slideshow problem I'm stuck on!

Post Sat Sep 20, 2008 2:08 pm

Anything that looks rubbish wasn't intentional at all! I've just had a look at it on IE and it's horrendous! I'm getting myself in a complete state here!

Anyway, this is the html for the stylesheet I used, but I'm wondering if I'd be better just changing it to one of Pbase's - what do you think?

Code: Select all
<setvar color1 = #cd1d1d>
<setvar color2 = #cd1d1d>
<setvar color3 = #ffffff>
<setvar color4 = #ffffff>
<setvar color5 = #ffff010>
<setvar color6 = #ffffff>
<setvar color7 = #186829>
<setvar color8 = #084685>
<setvar color9 = #333333>
<setvar color10 = #2D2D2D>
<setvar color11 = #282828>
<setvar color12 = #373737>
<setvar color13 = #666666>


}

#inline_slideshow td {
    vertical-align: top;
    text-align: right;
}

A {
   COLOR:  <getvar color1>; TEXT-DECORATION: none
}
A:link {
   COLOR:  <getvar color7>; TEXT-DECORATION: none
}
A:visited {
   COLOR:  <getvar color13>; TEXT-DECORATION: none
}
A:active {
   COLOR:  <getvar color7>; TEXT-DECORATION: none
}
A:hover {
   COLOR:  <getvar color8>; TEXT-DECORATION: none
}
A.thumbnail {
   BORDER-RIGHT:  <getvar color3> 1px solid; BORDER-TOP:  <getvar color3> 1px solid;
   DISPLAY: block; BACKGROUND:  <getvar color4>;
   FILTER: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
   MARGIN-BOTTOM: -45px; BORDER-LEFT:  <getvar color3> 1px solid; WIDTH: 172px;
   PADDING-TOP: 5px; BORDER-BOTTOM:  <getvar color3> 1px solid; HEIGHT: 197px
}
A.thumbnail:link {
   BORDER-RIGHT:  <getvar color3> 1px solid; BORDER-TOP:  <getvar color3> 1px solid;
   DISPLAY: block; BACKGROUND:  <getvar color4>;
   FILTER: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
   MARGIN-BOTTOM: -45px; BORDER-LEFT:  <getvar color3> 1px solid;
   WIDTH: 172px; PADDING-TOP: 5px; BORDER-BOTTOM:  <getvar color3> 1px solid; HEIGHT: 197px
}
A.thumbnail:visited {
   BORDER-RIGHT:  <getvar color3> 1px solid; BORDER-TOP:  <getvar color3> 1px solid;
   DISPLAY: block; BACKGROUND:  <getvar color4>;
   FILTER: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
   MARGIN-BOTTOM: -45px; BORDER-LEFT:  <getvar color3> 1px solid; WIDTH: 172px;
   PADDING-TOP: 5px; BORDER-BOTTOM:  <getvar color3> 1px solid; HEIGHT: 197px
}
A.thumbnail:active {
   BORDER-RIGHT:  <getvar color3> 1px solid; BORDER-TOP:  <getvar color3> 1px solid;
   DISPLAY: block; BACKGROUND:  <getvar color4>;
   FILTER: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
   MARGIN-BOTTOM: -45px; BORDER-LEFT:  <getvar color3> 1px solid; WIDTH: 172px;
   PADDING-TOP: 5px; BORDER-BOTTOM:  <getvar color3> 1px solid; HEIGHT: 197px
}
A.thumbnail:hover {
   BORDER-RIGHT:  <getvar color3> 1px solid; BORDER-TOP:  <getvar color3> 1px solid;
   DISPLAY: block; BACKGROUND:  <getvar color5>;
   FILTER: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
   MARGIN-BOTTOM: -45px; BORDER-LEFT:  <getvar color3> 1px solid; WIDTH: 172px;
   PADDING-TOP: 5px; BORDER-BOTTOM:  <getvar color3> 1px solid; HEIGHT: 197px
}
BODY {
   MARGIN-TOP: 0px; BACKGROUND:  <getvar color6>; MARGIN-BOTTOM: 20px
}
DIV {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR:  <getvar color7>; BORDER-BOTTOM: 0px
}
TH {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR:  <getvar color7>; BORDER-BOTTOM: 0px
}
TR {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR:  <getvar color7>; BORDER-BOTTOM: 0px
}
TABLE {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; MARGIN-TOP: -27px; MARGIN-BOTTOM: 7px;
    FONT: 12px verdana, arial, sans-serif; BORDER-LEFT: 0px;
     COLOR:  <getvar color7>; BORDER-BOTTOM: 0px
}
TABLE.luis {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px;
    FONT: 12px verdana, arial, sans-serif; BORDER-LEFT: 0px;
     COLOR:  <getvar color7>; BORDER-BOTTOM: 0px
}
FONT {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR:  <getvar color7>; BORDER-BOTTOM: 0px
}
LI {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR:  <getvar color7>; BORDER-BOTTOM: 0px
}
UL {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR:  <getvar color7>; BORDER-BOTTOM: 0px
}
FORM {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR:  <getvar color7>; BORDER-BOTTOM: 0px
}
BLOCKQUOTE {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR:  <getvar color7>; BORDER-BOTTOM: 0px
}
P {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 13px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR:  <getvar color8>; BORDER-BOTTOM: 0px
}
B {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR:  <getvar color7>; BORDER-BOTTOM: 0px
}
I {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR:  <getvar color7>; BORDER-BOTTOM: 0px
}
FONT {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR:  <getvar color7>; BORDER-BOTTOM: 0px
}
CENTER {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR:  <getvar color7>; BORDER-BOTTOM: 0px
}
FONT {
   DISPLAY: block; FONT: 9px Verdana, Tahoma, Helvetica, sans-serif;
    MARGIN-LEFT: 4px; WIDTH: 170px; COLOR:  <getvar color7>; MARGIN-RIGHT: 4px;
     LETTER-SPACING: 0px
}
H3 {
   FONT-WEIGHT: normal; FONT-SIZE: 16px; BACKGROUND:  <getvar color9>;
    PADDING-BOTTOM: 10px; BORDER-LEFT: 0px; COLOR:  <getvar color1>;
     LINE-HEIGHT: normal; PADDING-TOP: 10px; FONT-STYLE: normal;
      LETTER-SPACING: 0px; TEXT-ALIGN: left; FONT-VARIANT: normal
}
IMG {
   BORDER-RIGHT:  <getvar color3> 1px; BORDER-TOP:  <getvar color3> 1px;
   BORDER-LEFT:  <getvar color3> 1px; BORDER-BOTTOM:  <getvar color3> 1px
}
IMG.thumbnail {
   BORDER-RIGHT:  <getvar color3> 1px solid; PADDING-RIGHT: 0px;
    BORDER-TOP:  <getvar color3> 1px solid; PADDING-LEFT: 0px;
    BACKGROUND:  <getvar color10>; PADDING-BOTTOM: 0px; MARGIN: 0px;
    VERTICAL-ALIGN: middle; BORDER-LEFT:  <getvar color3> 1px solid;
    PADDING-TOP: 0px; BORDER-BOTTOM:  <getvar color3> 1px solid
}
INPUT {
   BORDER-RIGHT:  <getvar color3> 1px solid; BORDER-TOP:  <getvar color3> 1px solid;
    BORDER-LEFT:  <getvar color3> 1px solid; BORDER-BOTTOM:  <getvar color3> 1px solid
}
TABLE.thumbnail {
   WIDTH: 10%
}
TD {
   BORDER-RIGHT: 1px; BORDER-TOP: 1px;
   BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-LEFT: 1px;
   BORDER-BOTTOM: 1px; BORDER-COLLAPSE: collapse; empty-cells: show
}
TD.message_body {
   BORDER-RIGHT: 1px; BORDER-TOP: 1px; DISPLAY: block; BACKGROUND:  <getvar color11>;
    BORDER-LEFT: 1px; BORDER-BOTTOM:  <getvar color3> 1px dotted
}
.caption {
   COLOR:  <getvar color2>; FONT-STYLE: italic
}
.display {
   BORDER-RIGHT:  <getvar color3> 1px solid; BORDER-TOP:  <getvar color3> 1px solid;
    BACKGROUND:  <getvar color3>;
    FILTER: progid:DXImageTransform.Microsoft.Shadow(color="#141414",Direction=135,Strength=5);
    BORDER-LEFT:  <getvar color3> 1px solid; BORDER-BOTTOM:  <getvar color3> 1px solid
}
.lid {
   BACKGROUND:  <getvar color12>; FONT: 11px Verdana, Tahoma, Helvetica, sans-serif;
    COLOR:  <getvar color13>; TEXT-DECORATION: none
}
.message_body {
   MARGIN: 5px 5px 10px;
   FONT: 10px Verdana, Tahoma, Helvetica, sans-serif; COLOR:  <getvar color7>
}
.sb {
   BACKGROUND:  <getvar color7>; FONT: 12px Verdana, Tahoma, Helvetica, sans-serif;
    COLOR:  <getvar color1>; TEXT-DECORATION: none
}
BODY {
   MARGIN-TOP: 0px; TOP: 0px
}
BODY TABLE A IMG {
   DISPLAY: inline
}
HR {
   POSITION: relative
}
Top
dang
 
Posts: 3780

Re: A banner/slideshow problem I'm stuck on!

Post Sat Sep 20, 2008 6:36 pm

Fran,
That is ONLY the color verbalization. It shows you the colors throughout the sheet, so you can change them up top and not change each one throught the sheet. For instance, as I'd mentioned earlier, if you want the change the blue lettering back to green just add the greens # in place of the blue. It makes it really simple.

What I was asking was, whats the rest of the code you've added?
Top
jenga
 
Posts: 218

Re: A banner/slideshow problem I'm stuck on!

Post Sat Sep 20, 2008 6:54 pm

Oh. Umm, in that case, I don't appear to have any code at all then - that's all the code I have in the stylesheet!

The code in the description box is exactly what you detailed.
Top
dang
 
Posts: 3780

Re: A banner/slideshow problem I'm stuck on!

Post Sat Sep 20, 2008 7:36 pm

Okay... Lets try this again, I'm having slow problems and IE is going crazy with me this morning. But Instead of using firefox I've copied the entire code again. So, copy this again, which I've done a couple of more tweaks too since the last, but be sure you scroll all the way to the bottom when you copy it. And be sure that it's placed inside the gallery description area, and NOT in the CSS. Plus, be sure that the box under the description area which says "click here if using html, uncheck for automatic" is checked.

The color verbalization shouldn't be in the description area, that's only shown in the stylesheet CSS. Are you sure you're placing codes in their proper areas?
Here's what everything should look like if done properly: http://www.pbase.com/dang/fran The only difference, when used in the root gallery there will not be a comment box, or anything else below the slide show.
Place the entire code below in the gallery description area. Let me know....
Code: Select all
<html lang="en-US"><head>
<p align="center"><img src="http://www.pbase.com/franpurdy/image/103275370/original.jpg">
<br><br><br><br></p><center>
<table border="0" cellpadding="0" cellspacing="0" width="800">
<tbody>
<tr>
<td align=left><img src="http://www.pbase.com/image/56552555/original.jpg"></td></tr>
<td>
<td><img src="http://www.pbase.com/image/56552555/original.jpg" height="8"></td></tr>
<td>
<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/franpurdy"><h3>Home</h3></a></td>
<td><img src="http://www.pbase.com/image/56552555/original.jpg" width="8"></td>
<td><a href="http://www.pbase.com/franpurdy/portraits"><h3>Portraits</h3></a></td>
<td><img src="http://www.pbase.com/image/56552555/original.jpg" width="8"></td>
<td><a href="http://www.pbase.com/franpurdy/pets"><h3>Pets</h3></a></td>
<td><img src="http://www.pbase.com/image/56552555/original.jpg" width="8"></td>
<td><a href="http://www.pbase.com/franpurdy/prints"><h3>Prints</h3></a></td>
<td><img src="http://www.pbase.com/image/56552555/original.jpg" width="8"></td>
<td><a href="http://www.pbase.com/franpurdy/client_area"><h3>Client Area</h3></a></td>
<td><img src="http://www.pbase.com/image/56552555/original.jpg" width="8"></td>
<td><a href="http://feeds.pbase.com/feeds/franpurdy/photos.atom"><h3>RSS Feed</h3>
</a></td>
<td><img src="http://www.pbase.com/image/56552555/original.jpg" width="8"></td>
<td><a href="mailto:fran@franpurdy.com"><h3>Email</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/franpurdy/root"><h3>Edit</h3>
</a></td></tr></tbody></table></td></tr><!--- menu ends here --->
<tr>
<td valign="top"><br>

SLIDESHOW(prints, size=medium, delay=3, loop=yes)

<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">
<tbody>
<tr>
<td><p align="center">
<br><p align="center">Welcome,</p></center> <p align="left">  Photography has always been my passion.  I was fortunate enough to study photography full time back in the 80's, before digital cameras were even dreamed of, and learned how to develop photographs using smelly chemicals in dark rooms!</p>

<p align="left">These days I use a Nikon D300, and process my images using Photoshop, but the thrill is still the same.  Last year I was a finalist in The Daily Telegraph's 'Our Lives' photography competition, selected from over 50,000 entrants.  This year I've been awarded membership of the Royal Photographic Society, and have made my mother proud by putting letters after my name (even if she doesn't know what they stand for!)</p>
<p align="left">I am now taking bookings for human and pet portraits, and commissions for any other genre of photography; be it food, fashion or the occasional wedding.</p>
</p><p><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><!--- Elated credit <A HREF="http://www.elated.com"><http://www.elated.com</A> --->
<tr>
<td colspan="5" align="center">
<p><strong>Please <a href="mailto:fran@franpurdy.com">CONTACT ME</a> to discuss any of your photographic needs.<strong> 
<br><strong>To get news of photo updates, please subscribe to my RSS Feed - link at top.</strong></p>
<p>Copyrighted © 2008 Fran Purdy LRPS.</p>
</td></tr><!--- end elated credit---></tbody></table></center>
<br><br><br><br>br><br><br><a name="galerias"></a>
Top
franpurdy
 
Posts: 15

Re: A banner/slideshow problem I'm stuck on!

Post Sat Sep 20, 2008 7:56 pm

Ok, have done that - I've posted new code into the description boxes on the 'root' and the 'home' page. The CSS stylesheet I've left at just the colour verbalisation I posted earlier.

There's still thumbnail links showing on the 'home page' (I can't tell if I even need this page now - it might be surplus to requirements if the 'root' page looks ok). Plus the page is too wide, but I'm guessing that's not too much of a problem (?)

And the tiny bit of errant code at the bottom of the page is driving me mad - I can't see where it's come from!

This must be driving you mad - feel free to throw in the towel anytime you like. And thanks again!
Top
dang
 
Posts: 3780

Re: A banner/slideshow problem I'm stuck on!

Post Sat Sep 20, 2008 8:12 pm

Okay here we go!

Be sure you use either wordpad, or notepad to do this. Other programs such as "OfficeOrg" or "Microsoft Works" will not work, they alter the code.

1. Just to get it all straight, the CSS below needs to go into a new style sheet. So click the edit style sheet button, and when they open go to the bottom where it says, Make a New Style Sheet.

2. Clear everything in the large text area, then copy and paste the new CSS into the box, name it in the provided area and click update.

CSS:
Code: Select all
<setvar color1 =   #104F05>
<setvar color2 =   #103F08>
<setvar color3 =   #BFBFBF>
<setvar color4 =   #2E6F22>
<setvar color5 =   #FFFFFF>
<setvar color6 =   #260000>
<setvar color7 =   #240000>
<setvar color8 =   #FFFFFF>
<setvar color9 =   #1D7F17>
<setvar color10 =  #247F1F>
<setvar color11 =  #0E7F07>
<setvar color12 =  #320000>
<setvar color13 =  #CFCFCF>


A {
   COLOR:  <getvar color1>; TEXT-DECORATION: none
}
A:link {
   COLOR:  <getvar color1>; TEXT-DECORATION: bold
}
A:visited {
   COLOR:  <getvar color2>; TEXT-DECORATION: none
}
A:active {
   COLOR:  <getvar color3>; TEXT-DECORATION: none
}
A:hover {
   COLOR:  <getvar color4>; TEXT-DECORATION: bold
}
A.thumbnail {
   BORDER-RIGHT:  <getvar color5> 1px solid; BORDER-TOP:  <getvar color5> 1px solid;
   DISPLAY: block; BACKGROUND:  <getvar color6>;
   FILTER: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
   MARGIN-BOTTOM: -45px; BORDER-LEFT:  <getvar color5> 1px solid; WIDTH: 172px;
   PADDING-TOP: 5px; BORDER-BOTTOM:  <getvar color5> 1px solid; HEIGHT: 197px
}
A.thumbnail:link {
   BORDER-RIGHT:  <getvar color5> 1px solid; BORDER-TOP:  <getvar color5> 1px solid;
   DISPLAY: block; BACKGROUND:  <getvar color6>;
   FILTER: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
   MARGIN-BOTTOM: -45px; BORDER-LEFT:  <getvar color5> 1px solid;
   WIDTH: 172px; PADDING-TOP: 5px; BORDER-BOTTOM:  <getvar color5> 1px solid; HEIGHT: 197px
}
A.thumbnail:visited {
   BORDER-RIGHT:  <getvar color5> 1px solid; BORDER-TOP:  <getvar color5> 1px solid;
   DISPLAY: block; BACKGROUND:  <getvar color6>;
   FILTER: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
   MARGIN-BOTTOM: -45px; BORDER-LEFT:  <getvar color5> 1px solid; WIDTH: 172px;
   PADDING-TOP: 5px; BORDER-BOTTOM:  <getvar color5> 1px solid; HEIGHT: 197px
}
A.thumbnail:active {
   BORDER-RIGHT:  <getvar color5> 1px solid; BORDER-TOP:  <getvar color5> 1px solid;
   DISPLAY: block; BACKGROUND:  <getvar color6>;
   FILTER: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
   MARGIN-BOTTOM: -45px; BORDER-LEFT:  <getvar color5> 1px solid; WIDTH: 172px;
   PADDING-TOP: 5px; BORDER-BOTTOM:  <getvar color5> 1px solid; HEIGHT: 197px
}
A.thumbnail:hover {
   BORDER-RIGHT:  <getvar color3> 1px solid; BORDER-TOP:  <getvar color3> 1px solid;
   DISPLAY: block; BACKGROUND:  <getvar color7>;
   FILTER: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
   MARGIN-BOTTOM: -45px; BORDER-LEFT:  <getvar color3> 1px solid; WIDTH: 172px;
   PADDING-TOP: 5px; BORDER-BOTTOM:  <getvar color3> 1px solid; HEIGHT: 197px
}
BODY {
   MARGIN-TOP: 0px; BACKGROUND:  <getvar color8>; MARGIN-BOTTOM: 20px
}
DIV {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 10px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR:  <getvar color9>; BORDER-BOTTOM: 0px
}
TH {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 11px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR:  <getvar color9>; BORDER-BOTTOM: 0px
}
TR {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR:  <getvar color9>; BORDER-BOTTOM: 0px
}
TABLE {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; MARGIN-TOP: -27px; MARGIN-BOTTOM: 7px;
    FONT: 12px verdana, arial, sans-serif; BORDER-LEFT: 0px;
     COLOR:  <getvar color9>; BORDER-BOTTOM: 0px
}
TABLE.luis {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px;
    FONT: 10px verdana, arial, sans-serif; BORDER-LEFT: 0px;
     COLOR:  <getvar color9>; BORDER-BOTTOM: 0px
}
FONT {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 11px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR:  <getvar color9>; BORDER-BOTTOM: 0px
}
LI {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 11px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR:  <getvar color9>; BORDER-BOTTOM: 0px
}
UL {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 11px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR:  <getvar color9>; BORDER-BOTTOM: 0px
}
FORM {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 11px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR:  <getvar color9>; BORDER-BOTTOM: 0px
}
BLOCKQUOTE {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR:  <getvar color9>; BORDER-BOTTOM: 0px
}
P {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR:  <getvar color10>; BORDER-BOTTOM: 0px
}
B {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR:  <getvar color9>; BORDER-BOTTOM: 0px
}
I {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR:  <getvar color9>; BORDER-BOTTOM: 0px
}
FONT {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 11px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR:  <getvar color9>; BORDER-BOTTOM: 0px
}
CENTER {
   BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
    BORDER-LEFT: 0px; COLOR:  <getvar color4>; BORDER-BOTTOM: 0px
}
FONT {
   DISPLAY: block; FONT: 9px Verdana, Tahoma, Helvetica, sans-serif;
    MARGIN-LEFT: 4px; WIDTH: 170px; COLOR:  <getvar color9>; MARGIN-RIGHT: 4px;
     LETTER-SPACING: 0px
}
H3 {
   FONT-WEIGHT: normal; FONT-SIZE: 12px; BACKGROUND:  <getvar color5>;
    PADDING-BOTTOM: 8px; BORDER-LEFT: 0px; COLOR:  <getvar color11>;
     LINE-HEIGHT: normal; PADDING-TOP: 8px; FONT-STYLE: normal;
      LETTER-SPACING: 0px; TEXT-ALIGN: center; FONT-VARIANT: normal
}
IMG {
   BORDER-RIGHT:  <getvar color5> 1px; BORDER-TOP:  <getvar color5> 1px;
   BORDER-LEFT:  <getvar color5> 1px; BORDER-BOTTOM:  <getvar color5> 1px
}
IMG.thumbnail {
   BORDER-RIGHT:  <getvar color5> 1px solid; PADDING-RIGHT: 0px;
    BORDER-TOP:  <getvar color5> 1px solid; PADDING-LEFT: 0px;
    BACKGROUND:  <getvar color12>; PADDING-BOTTOM: 0px; MARGIN: 0px;
    VERTICAL-ALIGN: middle; BORDER-LEFT:  <getvar color5> 1px solid;
    PADDING-TOP: 0px; BORDER-BOTTOM:  <getvar color5> 1px solid
}
INPUT {
   BORDER-RIGHT:  <getvar color5> 1px solid; BORDER-TOP:  <getvar color5> 1px solid;
    BORDER-LEFT:  <getvar color5> 1px solid; BORDER-BOTTOM:  <getvar color5> 1px solid
}
TABLE.thumbnail {
   WIDTH: 10%
}
TD {
   BORDER-RIGHT: 1px; BORDER-TOP: 1px;
   BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-LEFT: 1px;
   BORDER-BOTTOM: 1px; BORDER-COLLAPSE: collapse; empty-cells: show
}
TD.message_body {
   BORDER-RIGHT: 1px; BORDER-TOP: 1px; DISPLAY: block; BACKGROUND:  <getvar color5>;
    BORDER-LEFT: 1px; BORDER-BOTTOM:  <getvar color5> 1px dotted
}
.caption {
   COLOR:  <getvar color3>; FONT-STYLE: italic
}
.display {
   BORDER-RIGHT:  <getvar color5> 1px solid; BORDER-TOP:  <getvar color5> 1px solid;
    BACKGROUND:  <getvar color5>;
    FILTER: progid:DXImageTransform.Microsoft.Shadow(color="#141414",Direction=135,Strength=6);
    BORDER-LEFT:  <getvar color5> 1px solid; BORDER-BOTTOM:  <getvar color5> 1px solid
}
.lid {
   BACKGROUND:  <getvar color13>00; FONT: 11px Verdana, Tahoma, Helvetica, sans-serif;
    COLOR:  <getvar color5>; TEXT-DECORATION: none
}
.message_body {
   MARGIN: 5px 5px 10px;
   FONT: 10px Verdana, Tahoma, Helvetica, sans-serif; COLOR:  <getvar color9>
}
.sb {
   BACKGROUND:  <getvar color5>; FONT: 12px Verdana, Tahoma, Helvetica, sans-serif;
    COLOR:  <getvar color11>; TEXT-DECORATION: bold
}
BODY {
   MARGIN-TOP: 0px; TOP: 0px
}
BODY {


}
BODY TABLE A IMG {
   DISPLAY: inline
}
HR {
   POSITION: relative
}


3. After you've updated, click the link below saying "return to gallery"
4. On the stylesheet choices, chose the new stylesheet in the box then click update.
That finishes the CSS.

Now for the HTML:
5. Clear everything in the "Gallery description area, and be sure the box underneath is checked which says, "Check here if using html, uncheck for auto formatting."
6. Copy & Paste the new code below into the description, and click update:

Code: Select all

<div class="galleryheader">
<br><p align="center">
<td align="center"><p align="center"><img src="http://www.pbase.com/franpurdy/image/103275370/original.jpg"></td>
<br>    <!--- menu starts here --->
             <table class="luis" border="0" cellpadding="0" cellspacing="0" width="800">

<br><br></p></center>
<tbody>
<tr>
<td><img src="http://www.pbase.com/image/56552555/original.jpg" height="2"></td></tr>
<tr align="center">
<td><a href="http://www.pbase.com/franpurdy"><h3>Home</h3></a></td>
<td><img src="http://www.pbase.com/image/56552555/original.jpg" width="5"></td>
<td><a href="http://www.pbase.com/franpurdy/portraits"><h3>Portraits</h3></a></td>
<td><img src="http://www.pbase.com/image/56552555/original.jpg" width="5"></td>
<td><a href="http://www.pbase.com/franpurdy/pets"><h3>Pets</h3>  </a> </td>
<td><img src="http://www.pbase.com/image/56552555/original.jpg" width="5"></td>
<td><a href="http://www.pbase.com/franpurdy/prints"><h3>Prints</h3></a></td>
<td><a href="http://www.pbase.com/franpurdy/client_area"><h3>Client Area</h3></a></td>
<td><a href="http://feeds.pbase.com/feeds/franpurdy/photos.atom"><h3>RSS Feed</h3></a></td>
<td><a href="mailto:fran@franpurdy.com"><h3>Email</h3></a></td>
<td><a href="http://upload.pbase.com/edit_gallery/franpurdy/root"><h3>Edit</h3></a></td>
<td><img src="http://www.pbase.com/image/56552555/original.jpg" width="5"></td>
</tr></tbody></table><!--- menu ends here ---><br>
<br><table border="0" cellpadding="10" cellspacing="0" width="80%">
<tbody><tr valign="top">
<td align="center" width="60%"><br><br>
   
SLIDESHOW(prints, size=medium, delay=3, loop=yes)
<br><br>Copyrighted C 2008 Fran Purdy LRPS.<br>
</td>
<td valign="middle" width="40%"> Photography has always been my passion.  I was fortunate enough to study photography full time back in the 80's, before digital cameras were even dreamed of, and learned how to develop photographs using smelly chemicals in dark rooms!</p>

<p align="left">These days I use a Nikon D300, and process my images using Photoshop, but the thrill is still the same.  Last year I was a finalist in The Daily Telegraph's 'Our Lives' photography competition, selected from over 50,000 entrants.  This year I've been awarded membership of the Royal Photographic Society, and have made my mother proud by putting letters after my name (even if she doesn't know what they stand for!)</p>
<p align="left">I am now taking bookings for human and pet portraits, and commissions for any other genre of photography; be it food, fashion or the occasional wedding.</p> <p align="left">Please <a href="mailto:fran@franpurdy.com">CONTACT ME</a> to discuss any of your photographic needs. 
<br>To get news of photo updates, please subscribe to my RSS Feed - link at top.</td></tr></tbody></table></td><!--- end right column ---></td>
</tr>
<tr><td colspan="2" align="center">
<br><center>
<br></center></td>
</tr>
</tbody></table>
<br></center>
<br><!--<br--><br>
<!-- END user desc -->


I've tested this in Firefox, IE and Safari with all screen resolutions using medium sized photos. This is for the Main "ROOT" gallery ONLY.
We'll worry about the others when this is taken care of. The test gallery I used can be seen here: http://www.pbase.com/dang/fran


:-)
Top
franpurdy
 
Posts: 15

Re: A banner/slideshow problem I'm stuck on!

Post Sun Sep 21, 2008 8:38 am

All done: http://www.pbase.com/franpurdy. It still shows the thumbnails

I PM'd you the password for the galleries if you want to have a look, but I've done exactly what you said to :(

I think the 'root' and the 'home' galleries are confusing things (for me anyway). I originally set up the 'home' page thinking I couldn't get rid of the thumbnail links on the root page, but if I (you!) DO manage to get it done, then the 'home' page won't be needed.
Top
dang
 
Posts: 3780

Re: A banner/slideshow problem I'm stuck on!

Post Sun Sep 21, 2008 2:06 pm

franpurdy wrote:All done: http://www.pbase.com/franpurdy. It still shows the thumbnails

I PM'd you the password for the galleries if you want to have a look, but I've done exactly what you said to :(

I think the 'root' and the 'home' galleries are confusing things (for me anyway). I originally set up the 'home' page thinking I couldn't get rid of the thumbnail links on the root page, but if I (you!) DO manage to get it done, then the 'home' page won't be needed.


Okay...
The "Root" gallery is the main page used by Pbase. Since there wasn't any way for me to see your "tree view" I had no way of knowing where you were trying to add code. As I've said, this will only work in the "Root". A main gallery is a standard gallery, just used to "house" sub-galleries. It will take an entirely different CSS & html for it. You want to keep your root gallery as the primary page, since it's the shortest url and the one your "redirect" will land on.

Set up the Root with the code, and keep the "main". I'll have another look at the code too. I might have to do a bit more with it, since I've been confused with what we were doing. It's always easier when you can see whats being done, instead of guessing.

If you can't get it, let me know. If you've mailed your password, it went somewhere else. So, I'd suggest changing it.

Sorry, Fran... Somehow I must have mixed up the code and left in a wrong section. The thumbnails are still set up to show. It's the " A.Thumbnail " area, just above the body. You'll want to remove all the size & DX transform stuff, and set to display none. As such:

Code: Select all
    A.thumbnail {
       DISPLAY: none;
    }
    A.thumbnail:link {   
       DISPLAY: none;
    }
    A.thumbnail:visited {
       DISPLAY: none;
    }
    A.thumbnail:active {
       DISPLAY: none;
    }
    A.thumbnail:hover {
       DISPLAY: none;
}


I think there was some type of glitch going on last night. Things slowed terribly, photos weren't loading and codes didn't take. Seems fine now though, so guess they've gotten it fixed. Should make it much easier from this point.
Top
franpurdy
 
Posts: 15

Re: A banner/slideshow problem I'm stuck on!

Post Sun Sep 21, 2008 4:16 pm

Yep, last night was bad for me too!

I've messaged you my (new) password again - let me know if you haven't received it, as it means Pbase's message system is going nuts as well, and I can conventionally email it to you instead, if you still want it!

Have changed the stylesheet on the Root gallery as you've detailed - new stylesheet code is as follows:

Code: Select all
    <setvar color1 =   #104F05>
    <setvar color2 =   #103F08>
    <setvar color3 =   #BFBFBF>
    <setvar color4 =   #2E6F22>
    <setvar color5 =   #FFFFFF>
    <setvar color6 =   #260000>
    <setvar color7 =   #240000>
    <setvar color8 =   #FFFFFF>
    <setvar color9 =   #1D7F17>
    <setvar color10 =  #247F1F>
    <setvar color11 =  #0E7F07>
    <setvar color12 =  #320000>
    <setvar color13 =  #CFCFCF>


    A {
       COLOR:  <getvar color1>; TEXT-DECORATION: none
    }
    A:link {
       COLOR:  <getvar color1>; TEXT-DECORATION: bold
    }
    A:visited {
       COLOR:  <getvar color2>; TEXT-DECORATION: none
    }
    A:active {
       COLOR:  <getvar color3>; TEXT-DECORATION: none
    }
    A:hover {
       COLOR:  <getvar color4>; TEXT-DECORATION: bold
    }
            A.thumbnail {
           DISPLAY: none;
        }
        A.thumbnail:link {   
           DISPLAY: none;
        }
        A.thumbnail:visited {
           DISPLAY: none;
        }
        A.thumbnail:active {
           DISPLAY: none;
        }
        A.thumbnail:hover {
           DISPLAY: none;
    }
    BODY {
       MARGIN-TOP: 0px; BACKGROUND:  <getvar color8>; MARGIN-BOTTOM: 20px
    }
    DIV {
       BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 10px verdana, arial, sans-serif;
        BORDER-LEFT: 0px; COLOR:  <getvar color9>; BORDER-BOTTOM: 0px
    }
    TH {
       BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 11px verdana, arial, sans-serif;
        BORDER-LEFT: 0px; COLOR:  <getvar color9>; BORDER-BOTTOM: 0px
    }
    TR {
       BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
        BORDER-LEFT: 0px; COLOR:  <getvar color9>; BORDER-BOTTOM: 0px
    }
    TABLE {
       BORDER-RIGHT: 0px; BORDER-TOP: 0px; MARGIN-TOP: -27px; MARGIN-BOTTOM: 7px;
        FONT: 12px verdana, arial, sans-serif; BORDER-LEFT: 0px;
         COLOR:  <getvar color9>; BORDER-BOTTOM: 0px
    }
    TABLE.luis {
       BORDER-RIGHT: 0px; BORDER-TOP: 0px; MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px;
        FONT: 10px verdana, arial, sans-serif; BORDER-LEFT: 0px;
         COLOR:  <getvar color9>; BORDER-BOTTOM: 0px
    }
    FONT {
       BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 11px verdana, arial, sans-serif;
        BORDER-LEFT: 0px; COLOR:  <getvar color9>; BORDER-BOTTOM: 0px
    }
    LI {
       BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 11px verdana, arial, sans-serif;
        BORDER-LEFT: 0px; COLOR:  <getvar color9>; BORDER-BOTTOM: 0px
    }
    UL {
       BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 11px verdana, arial, sans-serif;
        BORDER-LEFT: 0px; COLOR:  <getvar color9>; BORDER-BOTTOM: 0px
    }
    FORM {
       BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 11px verdana, arial, sans-serif;
        BORDER-LEFT: 0px; COLOR:  <getvar color9>; BORDER-BOTTOM: 0px
    }
    BLOCKQUOTE {
       BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
        BORDER-LEFT: 0px; COLOR:  <getvar color9>; BORDER-BOTTOM: 0px
    }
    P {
       BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
        BORDER-LEFT: 0px; COLOR:  <getvar color10>; BORDER-BOTTOM: 0px
    }
    B {
       BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
        BORDER-LEFT: 0px; COLOR:  <getvar color9>; BORDER-BOTTOM: 0px
    }
    I {
       BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
        BORDER-LEFT: 0px; COLOR:  <getvar color9>; BORDER-BOTTOM: 0px
    }
    FONT {
       BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 11px verdana, arial, sans-serif;
        BORDER-LEFT: 0px; COLOR:  <getvar color9>; BORDER-BOTTOM: 0px
    }
    CENTER {
       BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
        BORDER-LEFT: 0px; COLOR:  <getvar color4>; BORDER-BOTTOM: 0px
    }
    FONT {
       DISPLAY: block; FONT: 9px Verdana, Tahoma, Helvetica, sans-serif;
        MARGIN-LEFT: 4px; WIDTH: 170px; COLOR:  <getvar color9>; MARGIN-RIGHT: 4px;
         LETTER-SPACING: 0px
    }
    H3 {
       FONT-WEIGHT: normal; FONT-SIZE: 12px; BACKGROUND:  <getvar color5>;
        PADDING-BOTTOM: 8px; BORDER-LEFT: 0px; COLOR:  <getvar color11>;
         LINE-HEIGHT: normal; PADDING-TOP: 8px; FONT-STYLE: normal;
          LETTER-SPACING: 0px; TEXT-ALIGN: center; FONT-VARIANT: normal
    }
    IMG {
       BORDER-RIGHT:  <getvar color5> 1px; BORDER-TOP:  <getvar color5> 1px;
       BORDER-LEFT:  <getvar color5> 1px; BORDER-BOTTOM:  <getvar color5> 1px
    }
    IMG.thumbnail {
       BORDER-RIGHT:  <getvar color5> 1px solid; PADDING-RIGHT: 0px;
        BORDER-TOP:  <getvar color5> 1px solid; PADDING-LEFT: 0px;
        BACKGROUND:  <getvar color12>; PADDING-BOTTOM: 0px; MARGIN: 0px;
        VERTICAL-ALIGN: middle; BORDER-LEFT:  <getvar color5> 1px solid;
        PADDING-TOP: 0px; BORDER-BOTTOM:  <getvar color5> 1px solid
    }
    INPUT {
       BORDER-RIGHT:  <getvar color5> 1px solid; BORDER-TOP:  <getvar color5> 1px solid;
        BORDER-LEFT:  <getvar color5> 1px solid; BORDER-BOTTOM:  <getvar color5> 1px solid
    }
    TABLE.thumbnail {
       WIDTH: 10%
    }
    TD {
       BORDER-RIGHT: 1px; BORDER-TOP: 1px;
       BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-LEFT: 1px;
       BORDER-BOTTOM: 1px; BORDER-COLLAPSE: collapse; empty-cells: show
    }
    TD.message_body {
       BORDER-RIGHT: 1px; BORDER-TOP: 1px; DISPLAY: block; BACKGROUND:  <getvar color5>;
        BORDER-LEFT: 1px; BORDER-BOTTOM:  <getvar color5> 1px dotted
    }
    .caption {
       COLOR:  <getvar color3>; FONT-STYLE: italic
    }
    .display {
       BORDER-RIGHT:  <getvar color5> 1px solid; BORDER-TOP:  <getvar color5> 1px solid;
        BACKGROUND:  <getvar color5>;
        FILTER: progid:DXImageTransform.Microsoft.Shadow(color="#141414",Direction=135,Strength=6);
        BORDER-LEFT:  <getvar color5> 1px solid; BORDER-BOTTOM:  <getvar color5> 1px solid
    }
    .lid {
       BACKGROUND:  <getvar color13>00; FONT: 11px Verdana, Tahoma, Helvetica, sans-serif;
        COLOR:  <getvar color5>; TEXT-DECORATION: none
    }
    .message_body {
       MARGIN: 5px 5px 10px;
       FONT: 10px Verdana, Tahoma, Helvetica, sans-serif; COLOR:  <getvar color9>
    }
    .sb {
       BACKGROUND:  <getvar color5>; FONT: 12px Verdana, Tahoma, Helvetica, sans-serif;
        COLOR:  <getvar color11>; TEXT-DECORATION: bold
    }
    BODY {
       MARGIN-TOP: 0px; TOP: 0px
    }
    BODY {


    }
    BODY TABLE A IMG {
       DISPLAY: inline
    }
    HR {
       POSITION: relative
    }


It's done the trick of removing the thumbnails, but not the text.

I do understand what you mean with the root and the 'home' pages - when this started I didn't think the root page(http://www.pbase.com/franpurdy) would ever look right, so I've set up the redirection so that if anyone types in http://www.franpurdy.com, it would take them to the 'home' page instead. This is probably where we're getting our wires crossed. Rest assured though, I am clear on the difference! I'll leave the home page in though, as I can spread the intro out a bit, and in time (ha! a long time yet!) I might even restructure a bit more and it'll be easier with a page already set up.

Nearly there, nearly there! Image
Top
dang
 
Posts: 3780

Re: A banner/slideshow problem I'm stuck on!

Post Sun Sep 21, 2008 4:36 pm

No Fran,
I don't need the password, I'm just confused on which gallery you're adding the code. The CSS & html I've posted is for the root gallery only. I can't tell you it's going to work in the other pages. I see you've added it there (but haven't added a gallery for the slide show), so lets work on one thing at a time please. Also, I'm confused on where you're getting those bottom links. They're not in the CSS & html I've posted, so where are they coming from? My only guess is that you're adding names to the photos. Remove the names, and they' won't show. The "main" gallery will hold sub-galleries which you can name, and include additional photos into for viewing.
Top
PreviousNext

Board index ‹ PBase ‹ HTML and Style Sheets ‹ A banner/slideshow problem I'm stuck on!

Who is online

Users browsing this forum: ClaudeBot and 2 guests

Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group