New and over my head...

[tipk99]

Hello all,

I would like to place the slide show that was so well presented by Andy and Ivar inside a table. Basically I want to have a two cell table centered on the top of my page with my logo in the left cell and a slide show in the right cell... no borders... I tried to do it manually with alignment commands but it's different on every screen.

Right now I just have my logo and the slide show somewhere where it shouldn't be... I can restore the standard slide show, but that's not what I want :)

Can anyone help? Pretty please?

Thanks in advance!

tpk-photography.smugmug.com

[oxy8384]

...aaahh, the fight goes on. Either will work, but you may find the CSS way easier to maintain (modify and keep updated).

Table way (I assume you know how to create tables):
1) Create your single-row, 2-cell table
2) in the left cell, place all your banner code
3) in the right cell, cut and paste this code:
<div id="tpkSlideshow"></div>
4) in your footer code, where you set up the slideshow stuff, change this:
slideshowContainerId = "bioBox";
to this:
slideshowContainerId = "tpkSlideshow";
and in your CSS, add this:
.homepage #bioBox {display: none; }

CSS way:
1) add this to your CSS:
#my_banner {
float: left;
}

.homepage #tpkSlideshow {
float: right;
}

.homepage #bioBox {display: none; }

.clearer { /* stops floating things and returns page to normal layout mode */
clear: both;
width: 1px;
height: 1px;
overflow: hidden;
}

2) in your header code, cut and paste this code right after your my_banner code:
<div id="tpkSlideshow"></div>
<div class="clearer">&nbsp;</div>
3) in your footer code, where you set up the slideshow stuff, change this:
slideshowContainerId = "bioBox";
to this:
slideshowContainerId = "tpkSlideshow";

In either case, you will need adjust the widths of your banner and your slideshow so they both fit. Once you get this working, we can tackle the centering and fine positioning...

Bill

[tipk99]

Awesome. I opted for the simpler seeming CSS way. I'll be working on changing my logo and resizing an album to specifically go up there.

You rock. Thanks so much for taking the time to help me out. I can't wait to get it all up and running.

Tom

[tipk99]

OK,

So I've changed my mind. Since using Float changes their position when the window gets resized, I went with the fixed table option. But now, the slideshow only shows when I'm logged in.... any idea why?

Thanks again.

Tom

[Allen]

OK,

So I've changed my mind. Since using Float changes their position when the window gets resized, I went with the fixed table option. But now, the slideshow only shows when I'm logged in.... any idea why?

Thanks again.

Tom
Sometimes means the show source is a passworded gallery.
They can be private though.

[oxy8384]

...so I'm guessing Allen was right. Yes? As for the repositioning of things when the window was resized, that was easily fixable with a little extra HTML and CSS.

As long as you're happy with what you have, I am, too.:thumb

Bill

[tipk99]

...so I'm guessing Allen was right. Yes? As for the repositioning of things when the window was resized, that was easily fixable with a little extra HTML and CSS.

As long as you're happy with what you have, I am, too.:thumb

Bill

Yes, he was right! Thanks to you both... I guessed that it was probably fixable with CSS, but I didn't kow how, and the table seemed simple. I've since read that style-wise tables shouldnt be used for layout, because it's somewhat limited, but I think in this simple application it works OK... maybe I'll eat my words someday!

Again, thanks for the help... I still have a long way to go, so I'll probably be back with more questions...

Tom