Need Help with HTML PLEASE!

[Heather]

As you probably noticed, I've screwed up the forum. In my attempt to add a donate now button to the header, the logo is no longer left justified and the button that I want on the right is on the left and there is this screwy "href="index.php> thing above it.

Here is the code as it is now (wrong) for the header:

<!-- logo -->
<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>

href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>
<td align="$stylevar

">
&nbsp;
</td>
</tr>
</table>
<!-- /logo -->


<td align="$stylevar

">
<form name="_xclick" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_xclick">
<input type="hidden" name="business" value="[email protected]">
<input type="hidden" name="item_name" value="Slippertalk Forum Fund">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="amount" value="PP-DonationsBF">
<input type="hidden" name="amount" value="0.00">
<input type="image" src="https://www.paypal.com/en_US/i/btn/x-click-but21.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1"></form>

<!-- content table -->
$spacer_open

$_phpinclude_output

-------------------------------

What is wrong with it and how do I fix this?​

 

[Heather]

Also, you can't click on the logo at the top of the screen and have it go to the home page. ACK! What have I done???!

 

[gonewild]

Add in the < as shown in red below to get rid of the screwy thing

and there is this screwy "href="index.php> thing above it.

Here is the code as it is now (wrong) for the header:

<!-- logo -->
<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>

<href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>
<td align="$stylevar

">
&nbsp;
</td>
</tr>
</table>
<!-- /logo -->


<td align="$stylevar

">
<form name="_xclick" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_xclick">
<input type="hidden" name="business" value="[email protected]">
<input type="hidden" name="item_name" value="Slippertalk Forum Fund">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="amount" value="PP-DonationsBF">
<input type="hidden" name="amount" value="0.00">
<input type="image" src="https://www.paypal.com/en_US/i/btn/x-click-but21.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1"></form>

<!-- content table -->
$spacer_open

$_phpinclude_output

-------------------------------

What is wrong with it and how do I fix this?​

​

 

[MoreWater]

:rollhappy: btdt. Always copy your html and save it somewhere before you tinker with it. Then at least you can revert.

My html is only good enough to do trial by error, so I can't give you a good fix... sorry.

 

[Mark]

I don't have an editor installed on the particular maching I'm using at the moment to vet it with. But dust glancing at it, looks like the <td> tag in the lower section isn't enclosed in a <table> pair. That might not be what's the problem.

Also, do you need <a href where it's <href="$vboptions[forumhome].....?

 

[gonewild]

Try adding <div align="right"> where it is shown in red below. That should move the Paypal button to the right.

<!-- logo -->
<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>

href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>
<td align="$stylevar

">
&nbsp;
</td>
</tr>
</table>
<!-- /logo -->


<td align="$stylevar

">
<form name="_xclick" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<div align="right">
<input type="hidden" name="cmd" value="_xclick">
<input type="hidden" name="business" value="[email protected]">
<input type="hidden" name="item_name" value="Slippertalk Forum Fund">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="amount" value="PP-DonationsBF">
<input type="hidden" name="amount" value="0.00">
<input type="image" src="https://www.paypal.com/en_US/i/btn/x-click-but21.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1"></form>

<!-- content table -->
$spacer_open

$_phpinclude_output

-------------------------------

What is wrong with it and how do I fix this?​

​

 

[charlie c]

Heather -- the <td> and <a href codes are mixed up. Try this:

<!-- logo -->
<a name="top"></a>
<table border="0" width="100%" cellpadding="0" cellspacing="0" align="center">
<tr>
<td>
<a href="index.php"><img src="http://www.slippertalk.com/images/slippertalk1.jpg" border="0" alt="Slippertalk Orchid

Forum- The best slipper orchid forum for paph, phrag and other lady slipper orchid discussion!" /></a></td>
<!-- /logo -->

<!-- donate button -->
<td align="right">
<form name="_xclick" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_xclick">
<input type="hidden" name="business" value="[email protected]">
<input type="hidden" name="item_name" value="Slippertalk Forum Fund">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="amount" value="PP-DonationsBF">

<input type="hidden" name="amount" value="0.00">
<input type="image" src="https://www.paypal.com/en_US/i/btn/x-click-but21.gif" border="0" name="submit" alt="Make

payments with PayPal - it's fast, free and secure!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1"></form>
</td>
</tr>
</table>
<!-- /donate button -->

<!-- content table -->
$spacer_open

$_phpinclude_output

 

[Heather]

Bless you! (and I am not religious at all!)

Thank you!!! a million times!!! that worked!

My idea of html is to guess at what I am supposed to do. I suppose I really should learn it well but I haven't had the time. It was on my list of things to do last June or July, I think.

 

[goldenrose]

CONGRATS!!!! It worked! Looks good! Thanks to all!

 

[gonewild]

To change the button. The button image can be anything, the green one I changed or even a small flower picture if you like. let's start with the simple green one and you can change it later if you want.....

Download the image at the following link and upload it to your server where your other images are.
http://shopgonewild.com/images/x-click-but21.gif
or you can link to the image that is already on my website at the above link.

Then in the code that you posted eariler simply replace the img src link as shown in red below..

Below is the code CharlieC posted for the example. Change the line that I made red to link to where ever you uploaded the image or use it as I wrote it in red to link to the image on my server.

That's all there is to it. Let me know if you don't understand.

<!-- logo -->
<a name="top"></a>
<table border="0" width="100%" cellpadding="0" cellspacing="0" align="center">
<tr>
<td>
<a href="index.php"><img src="http://www.slippertalk.com/images/slippertalk1.jpg" border="0" alt="Slippertalk Orchid

Forum- The best slipper orchid forum for paph, phrag and other lady slipper orchid discussion!" /></a></td>
<!-- /logo -->

<!-- donate button -->
<td align="right">
<form name="_xclick" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_xclick">
<input type="hidden" name="business" value="[email protected]">
<input type="hidden" name="item_name" value="Slippertalk Forum Fund">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="amount" value="PP-DonationsBF">

<input type="hidden" name="amount" value="0.00">
<input type="image" src="http://www.shopgonewild.com/images/en_US/i/btn/x-click-but21.gif" border="0" name="submit" alt="Make

payments with PayPal - it's fast, free and secure!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1"></form>
</td>
</tr>
</table>
<!-- /donate button -->

<!-- content table -->
$spacer_open

$_phpinclude_output[/QUOTE]

 

[Candace]

It's preferable to have any images linked to the forum server, so Heather copy the new .gif Lance has provided to the images file on our server and then link directly to that.

 

[Heather]

Still having trouble...

Now we have a question mark instead of a button ( though you can click on it and it goes to the correct place.)

Here's a copy of the current code:

<!-- logo -->
<a name="top"></a>
<table border="0" width="100%" cellpadding="0" cellspacing="0" align="center">
<tr>
<td>
<a href="index.php"><img src="http://www.slippertalk.com/images/slippertalk1.jpg" border="0" alt="Slippertalk Orchid

Forum- The best slipper orchid forum for paph, phrag and other lady slipper orchid discussion!" /></a></td>
<!-- /logo -->

<!-- donate button -->
<td align="right">
<form name="_xclick" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_xclick">
<input type="hidden" name="business" value="[email protected]">
<input type="hidden" name="item_name" value="Slippertalk Forum Fund">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="amount" value="PP-DonationsBF">

<input type="hidden" name="amount" value="0.00">
<input type="image" src="http://www.shopgonewild.com/images/en_US/i/btn/x-click-but21.gif" border="0" name="submit" alt="Make

payments with PayPal - it's fast, free and secure!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1"></form>
</td>
</tr>
</table>
<!-- /donate button -->

<!-- content table -->
$spacer_open

$_phpinclude_output

 

[goldenrose]

I have a square with a red X now. You got it right before, have faith, it will happen again!

 

[Heather]

Okay I need to compare side by side -

Charlie's code (works)
<input type="image" src="https://www.paypal.com/en_US/i/btn/x-click-but21.gif" border="0" name="submit" alt="Make

payments with PayPal - it's fast, free and secure!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1"></form>
</td>
</tr>
</table>
<!-- /donate button -->

<!-- content table -->
$spacer_open

$_phpinclude_output


Lance's Code (doesn't work)

<input type="image" src="http://www.shopgonewild.com/images/en_US/i/btn/x-click-but21.gif" border="0" name="submit" alt="Make

payments with PayPal - it's fast, free and secure!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1"></form>
</td>
</tr>
</table>
<!-- /donate button -->

<!-- content table -->
$spacer_open

$_phpinclude_output

 

[Heather]

I don't see any differences or problems comparing the two but with Lance's I just get the ? in the box, not the green button.
I set it back to Charlie's version for the meantime.

I'm also trying to find out how to get it on our server but I figured, let's get it looking the way we want in the meantime, if possible.

 

[gonewild]

Your link to the image is incorrect.
Remove the part I made red in the code line below...

<input type="image" src="http://www.shopgonewild.com/images/en_US/i/btn/x-click-but21.gif" border="0" name="submit" alt="Make

 

[Heather]

Okay okay! I got it!

 

[gonewild]

I tried the button and got an error. I think you dropped this line of code for the form input:

<input type="hidden" name="amount" value="0.00">

The above line is missing and needs to be above the line with the button image link. There is a blank space there now.

Paste the above line into the blank line right below the line that reads
<input type="hidden" name="amount" value="PP-DonationsBF">

The error is not with the button but rather the code being sent to Paypal

 

[gonewild]

Heather...
While you are at it you can also change the alt line for the button to something custom for SlipperTalk.

When you touch the button with the cursor it now reads "Make payments with PayPal - it's fast, free and secure!"

You can change it to say something like "Make a donation to the SlipperTalk - Support Free Information" :wink: Or what ever you like.

To change it you will see in the line with the button image link at the end it reads:

alt="Make payments with PayPal - it's fast, free and secure!"

change it to read something like:

alt="Make a donation to the SlipperTalk - Support Free Information!"

 

[Heather]

Lance. Do you think it is wise to mess further this evening? oke:

:rollhappy:

The link works. Let me get it into the footer and then perhaps we can talk about customization (and getting it off your server!)