Question
Hi guys,
I'm trying to set up a shopping cart and add the buttons to my pages but having some trouble figuring out how to get them in the right place. I will attach the HTML for the page and the button (someone tell me if I'm not supposed to do this). The button coding is at the very bottom. I have edited out a couple of spots with personal info with "---------". It wouldn't let me upload it with .htm extension so I had to resave it with .txt.
The page has a photo centered in the middle of the page inside a table, and I need 3 shopping cart buttons to along the right side of the photo. I also need to put a bit of text under each button.
I have 3 different sizes of each item that need 3 different prices. I just have not been able to figure out how to get the buttons on the right side of the page. They keep ending up at the top or the bottom.
Thanks for any help,
Debra
Answer
Not entirely certain what you're wanting to do... but try the attached code and tinker with it...
Cheers
Answer
FiberGuy, that's awesome!!!! Exactly what I wanted to do... Thanks SO MUCH.
I feel like I'm getting somewhere now.
Thanks SO MUCH for your time.
Debra
Answer
FiberGuy, how do I get the whole page to be a black background? As far as I can tell, all the code shows bgcolor=#000000, but it's showing a black background inside the border around the photo and buttons only and the rest is white?
Thanks
Debra
Answer
To "fill" an entire page, you need to make the entire page a layout table.
Add the following code after your </head> tags:
<table height="100%" width="100%">
<tr>
<td align="middle" valign="middle">
<table cellpadding="0" cellspacing="0" border="0" bgcolor="#000000">
<tr>
I would suggest a slightly less "bold" background color, however.
(Begin personal opinion) - I generally don't "enjoy" shopping on web sites with black background... the product images are just too contrasting for my eyes. Just a bit of thought fodder...
Cheers
Answer
I added that additional code and it still shows up white. I can't figure out where it's getting that from as all references are to black.
Normally I would totally agree with you about the black. But we are setting up a site for my husband's fine art photography. And if you have any colored background other than black, the photos just don't show up as well. You will lose some of the color in the photo as you're looking at it. Hard to explain but if you took one of the photos and put it under different colored backgrounds, there's no comparison to how it looks on the black. Everything just pops out at you. We did the gallery in Photoshop and it had several options for black backgrounds. It just works the best for photography I think. But I appreciate your input. I might try some other dark backgrounds and see. If I can ever figure out the background thing. LOL
Anyway, any idea why the background is half white and half black?
Answer
You might try a pale and NEUTRAL gray for a background. It works pretty well for fabric.
But I'm not showing photographs, so there might be big differences in the two.
My biggest problem with black backgrounds is that I can't read the text. I usually highlight it to try to read it that way.
Answer
OK... LOL... Here's the whole thing (note the body tag, which your server may not support):
((((EDIT!)))) I forgot the "code" function... see the text file in the next post...
<html>
<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
</head>
****** bgcolor="#000000">
<br>
<table height="100%" width="100%">
<tr>
<td align="middle" valign="middle">
<table cellpadding="0" cellspacing="0" border="0" bgcolor="#000000">
<tr>
<td colspan="3" align="middle"><a href="../index_5.htm">Back to
Gallery</a>
</td>
</tr>
<tr>
<td colspan="3" height="1" background="../images/dotted_horiz.gif">
<img src="../images/spacer.gif" height="1"></td>
</tr>
<tr>
<td width="1" background="../images/dotted_vert.gif">
<img src="../images/spacer.gif" width="1"></td>
<td align="middle">
<table cellpadding="10" cellspacing="0" border="0" bgcolor="#000000">
<tr>
<td valign="top" align="middle">
<a name="64" href="../index_5.htm#64">
<img border="0" src="../images/Wintery%20White.jpg" width="450" height="300"
alt="Winter White" align="left"></a>
<input type="submit" value="Buy Now"><p>
<font color="#FFFFFF">text</font></p>
<p><input type="submit" value="Buy Now"></p>
<p><font color="#FFFFFF">text</font></p>
<p><input type="submit" value="Buy Now"></p>
<p><font color="#FFFFFF">text</font><br>
</td>
</tr>
</table>
</td>
<td width="1" background="../images/dotted_vert.gif">
<img src="../images/spacer.gif" width="1"></td>
</tr>
<tr>
<td colspan="3" height="1" background="../images/dotted_horiz.gif">
<img src="../images/spacer.gif" height="1"></td>
</tr>
<tr>
<td colspan="3" align="left" valign="top" width="450"><br>
<table cellpadding="0" cellspacing="0" border="0" bgcolor="#000000" height="100%" width="100%">
<tr>
<td colspan="3" height="1" background="../images/dotted_horiz.gif">
<img src="../images/spacer.gif" height="1"></td>
</tr>
<tr>
<td width="1" background="../images/dotted_vert.gif">
<img src="../images/spacer.gif" width="1"></td>
<td align="middle">
<table cellpadding="2" cellspacing="0" border="0" bgcolor="#000000">
<tr>
<td width="17">
<a href="Road%20To%20Nowhere.htm">
<img SRC="../images/arrow_prev.gif" BORDER="0"></a></td>
<td valign="top" align="middle">
<font color="#FFFFFF">
<div id="titleframe">
<div id="imageInfo">
<div class="content">
"Winter White"
********>
ifExistsWrite("");
ifExistsWrite("");
ifExistsWrite("");
ifExistsWrite("");
ifExistsWrite("");
</script>
</div>
</div>
</div>
</font></td>
<td align="right" width="17">
<a href="Snowy%20Bush.htm">
<img border="0" src="../images/arrow_next.gif"></a></td>
</tr>
</table>
<p> </td>
<td width="1" background="../images/dotted_vert.gif">
<img src="../images/spacer.gif" width="1"></td>
</tr>
<tr>
<td colspan="3" height="1" background="../images/dotted_horiz.gif">
<img src="../images/spacer.gif" height="1"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<form method="post" action="http://ww9.aitsafe.com/cf/add.cfm">
<input type="hidden" name="userid" value="-----------">
<input type="hidden" name="product" value="Winter White">
<input type="hidden" name="price" value="85">
<input type="hidden" name="return" value="------------.com/index.htm"> </form>
</body>
</html>
Answer
Attached is a bit easier to read tabbed text file.
Answer
Thanks FiberGuy...
It's working now, though I have no idea why. I copied and pasted the exact same thing that I had, into a new file and now it works... LOL... Oh well I guess the main thing is that it works, right?
Now I just have a couple of little things to work on... Then do the same thing for many many many more pages with different photos.