Help with Slideshow and html setup

[atwalkerga]

Hello

I am having trouble settting up my page and incoporating the hmtl codes that I have found on the forum/s. I have searched the internet, as well as bought a book on html which has been very helpful, but most codes are over my head as I am still trying to learn html.

I have a few problems if anyone would care to look...

http://www.pbase.com/atwalkerga/portfolio_test

1. I would like to move my header "ajp" to the right approximately .25-.5 inches if that can be done. (I guess that I could add more canvas to the left of the .jpg)
2. center my links-"Pbase...Admin" instead of being left justified.
3. and to center my slideshow and have the text paragraphs underneath positioned to the right of the slideshow (slideshow/text centered on page.

Here is the following code that I am using. I know it is pretty hacked up as I have been cutting and pasting from various site as well as trial and error. This maybe my problem/s.

Any help is greatly appreciated.

Thanks
Ansley

<!-- BEGIN user desc -->
<br>
<br>
<br>
<img src="http://i.pbase.com/o6/60/377960/1/83483653.ahdDBWEf.TestTitle.jpg">






<img src="http://www.pbase.com/image/56552555/original.jpg" height="8">



<!--- menu starts here --->

<table class="luis" border="0" cellpadding="0" cellspacing="0" width="950">

<tbody>

<tr>

<td><img src="http://www.pbase.com/image/56552555/original.jpg" height="10"></td></tr>
<tr align="center">
<td>


<a href="http://www.pbase.com/"> <h6> PBase </h6> </a></td>



<!-- pbase logo in menu -->

<td><img src="http://www.pbase.com/image/56552555/original.jpg" width="8"></td>

<td>

<a href="http://www.pbase.com/atwalkerga/profile"><h6>Profile</h6></a></td>



<!--<img src="http://i.pbase.com/o6/01/27301/1/82707725.yxwkYKnz.m_pbase_black.gif">-->




<!-- End Pbase logo in menu -->




<td><img src="http://www.pbase.com/image/56552555/original.jpg" width="8"></td>

<td><a href="http://www.pbase.com/atwalkerga/guestbook"><h6>Guestbook</h6></a></td>

<td><img src="http://www.pbase.com/image/56552555/original.jpg" width="8"></td>

<td><a href="http://www.pbase.com/atwalkerga/root&amp;view=recent"><h6>Recent

Updates</h6></a></td>

<td><img src="http://www.pbase.com/image/56552555/original.jpg" width="8"></td>

<td><a href="http://www.pbase.com/tim32225/shuttle_launch_sts117"><h6>What's New?

</h6></a></td>

<td><img src="http://www.pbase.com/image/56552555/original.jpg" width="8"></td>

<td><a href="http://www.pbase.com/tim32225/credits"></a><h6><a href="http://www.pbase.com/tim32225/credits">Published</a></h6>

<a href="http://www.pbase.com/tim32225/credits"> </a></td><td><img src="http://www.pbase.com/image/56552555/original.jpg" width="8"></td>

<td><a href="http://www.pbase.com/tim32225/root&amp;view=tree"><h6>Site

Map</h6></a></td>

<td><img src="http://www.pbase.com/image/56552555/original.jpg" width="8"></td>

<td><a href="http://www.pbase.com/atwalkerga/admin"><h6>Admin</h6>

</a></td></tr></tbody></table>
<br> <br>
<!--THE OFFICIAL PBASE SLIDESHOW
Learn how to make a slideshow for your own galleries:
<A HREF="http://www.pbase.com/help/slideshow">http://www.pbase.com/help/slideshow</A> -->

SLIDESHOW(Landscapes)
<tbody><tr><td>

</td></tr>
</tbody></table>
</td></tr>
<p><br>
My passion for photography began as a hobby over 30 years ago, and gradually grew into a small business. On

these pages you can get a glimpse of my work. Feel free to browse around, and check back often to see what's

new. I enjoy all types of photography, but especially nature, sports and travel subjects. The slideshow

at left contains some photos from my <a href="http://www.pbase.com/tim32225/visons_of_greece"> Visions of

Greece </a> Gallery, from April 2007. Visitors are welcome to comment on photos or galleries, and/or sign the

guest book.

</p><p>
My photos appear on various <a href="http://www.pbase.com/tim32225/credits"> commercial websites.</a> For
licensing information, <a href="mailto:tmr0806@comcast.net">CLICK HERE</a> to contact me. You can search photos

by number, subject or keyword below.

</p>
<br>
<br>
<form method="get" action="http://tim32225.pbase.master.com/texis/master/search/mysite.html">
<input name="q" value=""><input value="Search My Site" type="submit">
</form>

<br>
<br>
<brr>

<!-- Paypal View Cart Button and Visa MC logos -bg color 303030-->
<left> </left></brr><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input name="cmd" value="_cart" type="hidden"><input name="business" value="tmr0806@comcast.net" type="hidden"><input src="https://www.paypal.com/en_US/i/btn/view_cart_03.gif" name="submit" alt="Make payments with

PayPal - it's fast, free and secure!" border="0" type="image"><input name="display" value="1" type="hidden">

<img src="http://www.pbase.com/image/82030315/original.jpg"></form>

<!--- end right column --->

<p>Unless noted otherwise, all photographs copyright ©Tim Rucci and may not be used without

permission.


</p><!--- end elated credit--->

[andrys]

Since you've been going through a book on html and have a lot of
specific things you want that are pretty well covered by a basic HTML book,
you should look at the last two or 3 weeks of posting in this forum, and
all your questions in this post will be answered.

[dang]

Probably the easiest thing would be to add a center tag in your gallery description code, such as this:

Code: Select all

<div class="galleryheader">
<!-- BEGIN user desc -->
<br>
<br>
<br><center>
<img src="http://i.pbase.com/o6/60/377960/1/83483653.ahdDBWEf.TestTitle.jpg">

This should allow it all to fall into place, but I only looked quickly with Firefox, so check how it reacts with IE too!

[andrys]

Probably the easiest thing would be to add a center tag in your gallery description code, such as this:

Code: Select all

<div class="galleryheader">
<!-- BEGIN user desc -->
<br>
<br>
<br><center>
<img src="http://i.pbase.com/o6/60/377960/1/83483653.ahdDBWEf.TestTitle.jpg">

This should allow it all to fall into place, but I only looked quickly with Firefox, so check how it reacts with IE too!

It wouldn't take care of request #3 though.

That's what is covered by reading this forum for the last 2-3 weeks.

[dang]

You're right Andrys, that's controlled by where the text is added in the TR table sections, but looks like they've gotten it figured out.

[andrys]

You're right Andrys, that's controlled by where the text is added in the TR table sections, but looks like they've gotten it figured out.

Well, the forum notes here, during the changeover, are a help, we hope.

Ansley, now that you have the structure, you might want to move
things up, as the slideshow is not completely showing on my 1024x768.
I get only the top half of the picture.

You can eliminate the two "<br>" before the slideshow starts, probably.

Also eliminate a "<br>" or two between your logo jpg and
the menu options.

[atwalkerga]

Hello

Thanks for the replys and suggestions. I have really figured it out by trial and error. I have really hacked up the original html. I know there are errors and such and I am trying to work through them. It is slow, copy and paste, and see what happens...

The problem with my book I found is that it gives basic example and descriptions, but when it comes to more indepth html or "extras" it is really vague.

One problem I am having is when I try to separate the slideshow and text, both are shifting down and to the right. I haven't figured it out yet but I know its the way the table/s(?) are set up. The page does look better than it did a few days ago.

Ansley

[andrys]

Hello

Thanks for the replys and suggestions. I have really figured it out by trial and error.

Using the html book you have along with suggestions here? It does
look nice except that, as I said before, I can't see all of the picture in
your slideshow because it's down too low. And I made suggestions on how to fix that.

Also, your slideshow isn't moving. It's right now only one picture.

I have really hacked up the original html. I know there are errors and such and I am trying to work through them. It is slow, copy and paste, and see what happens...

Take the time to learn the basic chapters on tables and what the
various features do. How you can make more space or less space
between cells, etc.

The problem with my book I found is that it gives basic example and descriptions, but when it comes to more indepth html or "extras" it is really vague.

That's a problem all right and too common. I did give you links to
better html samples for tables online and am unsure whether to type any
more links at you since you don't seem to look at them. I think you like
to do things more by guesswork and so far you have done a nice job.

One problem I am having is when I try to separate the slideshow and text, both are shifting down and to the right. I haven't figured it out yet but I know its the way the table/s(?) are set up. The page does look better than it did a few days ago.

You have to understand what you're typing. You have a strange
<td img height="10"> for no reason and it's creating a tiny little box
at the upper left. I think you're doing this by rote.

Luis made spacings by his spacing image that he assigns different
space-sizes, usually "8" pixels above vertically or horizontally. You are
still using some of those and they are dropping your main material too
low.

I made a simple slideshow table of image and text, and it makes sure
text isn't too close to the slideshow. The code can be seen here (in this
very topic)

http://forum.pbase.com/viewtopic.php?p= ... lah#201047

Try it on another page, a test page, and maybe it'll help you with your
current page... notice you can change the borders to "borders=0"

Good luck!

[dang]

I agree with Andrys, there's way too much space between things. Try removing the breaks, as she suggested, and this section also needs changing:

Code: Select all

  <tr>
    <td colspan="3" valign="bottom"><!--- menu starts here --->
            <table class="luis" border="0" cellpadding="0" cellspacing="30" width="800">

The cellspacing number is pushing the slideshow too far down, I'd change it from 30, to 5 or so, and see what happens. You need to check the page with different screen resolutions.

When you view it with lower res. you'll find the words go too far below the slides too. Try using only paragraph breaks, and not adding additional spacing between them too.

[atwalkerga]

andrys

Using the html book you have along with suggestions here? It does
look nice except that, as I said before, I can't see all of the picture in
your slideshow because it's down too low. And I made suggestions on how to fix that.

Also, your slideshow isn't moving. It's right now only one picture.

Are you sure that you are looking at the test page and not the root page?
http://www.pbase.com/atwalkerga/portfolio_test
The slideshow seems to be working, though not the exact size and gallery that I want to use. Seems to display ok on my 1680x1050 monitor. I will check on the display problem you are noting.

That's a problem all right and too common. I did give you links to
better html samples for tables online and am unsure whether to type any
more links at you since you don't seem to look at them. I think you like
to do things more by guesswork and so far you have done a nice job.

I do appreciate your help and have looked at your suggestions, but have not had time to try and change/implement into the page.

I know what I am looking for in the page, and I think alot of my problem is cutting/pasting from various pages. I am going to try and start from scratch writing the code as the page is fairly simple.
I will try and change the slideshow tables as you have suggested in the next day or two.

Thanks for your help.
Ansley

[atwalkerga]

andrys/dang

I know see what you are talking about with the screen resolution and slideshow placement. I will try and work on that.
I did not think or know to check other resolutions...

Thanks
Ansley

[andrys]

andrys/dang

I know see what you are talking about with the screen resolution and slideshow placement. I will try and work on that.
I did not think or know to check other resolutions...

Thanks
Ansley

Ansley, that last time, I did go to your root instead. Apologies. BUT
I see that the vertical spacing between things is even huger on the
test page.

Wow. I see you're at 1680 x ___ or something, no wonder you didn't
notice. You can right-click on an unused portion of your desktop to
get the video display things (if you have Windows) and reset it
temporarily for 1024x768 (MOST people are still at that resolution or
below, and about 25% of people viewing on pbase, at least in travel, are
still at 800x600. So, might want to look at that. I optimize for 1024x768
though and tend to use percentage-width rather than pixels because of
the hugely varying screens these days.

Remember my advice to eliminate the "<br>" that are making the huge
vertical spaces in a couple of places.

And you can eliminate the "img...src" lines things that are only for
-height- or reduce the 'height=8' selected to something like 'height=3' to
make them minimal.

Then putting two "<br>" in place of one of one of these lines is normally
plenty. The old code is tricky in that some of these img things were used
for horizontal spacing.

"<p>" is ignored when on lines alone so make sure it follows something
on a line -- or just substitute two "<br>" if you want two line feeds of
space.

You're almost there otherwise!