I have working "Add to Cart" buttons in both Chrome and Firefox, but they don't work in IE. I spent the afternoon working through all of the validation errors and I cleared everything up. Still no workee. Here is the code. Maybe you can see what I am missing.
<div id="deadline_div">Registration Deadline: Sept 21, 2012</div>
<div id="gold_add_div"><br></br><input type="hidden" name="storeid" value="*30b37dbf574fef4e8006b0a2fb04bef6a64a024defdac914c331"/>
<input type="hidden" name="dbname" value="products"/>
<input type="hidden" name="function" value="add"/>
<input type="hidden" name="itemnum" value="1"/>
<a href="http://shopsite.ipage.com/ss11.0/sc/order.cgi?storeid=*30b37abf274fef7 88676b1a91d04aef1a64a024defdac914c3dd&dbname=products&itemnum=1&functi on=add"/><input type="image" src="http://shopsite.ipage.com/ss11.0/shopsite-images/en-US/buttons/3col-bl ack/btn-addtocart.png" align="bottom" alt="Add to Cart" name="Add to Cart"/>
</div>
Thanks for the help.
Chris
I assume you're referring to this line of code;
1. I originally had it ending a ">" but got validation errors wanting me to close it with "/>"
2.I got the "<a href" code here: http://www.w3schools.com/tags/att_a_href.asp
How would you write it? Something like this???
What DOCTYPE are you using?
XHTML requires all tags to be closed.
Most tags have a closing "/" token e.g. <p>...</p>, <a>...</a>
Those that don't must be self-closed with a forward slash before the closing "/": e.g. <input.../>
Valid tags need a tag e.g. "<a>" and attribute e.g. " href=" " ".
So your anchor would be written
Can we see the entire page? Can you post a link to the page online?
The problem is the "a" tag should be written like:
<a href="[link here]">Visible Text Here</a>
You are missing that end.
But again, back to #2, why do you have an "a" link tag there? These are inputs for a form. So your form action should be the link that you have in the "a" tag. If you just want an image that goes to another page, don't use form elements, just use an image with an "a" tag around it.
Even the first part of your code still has validation issues now that I look back at it:
<div id="deadline_div">Registration Deadline: Sept 21, 2012</div>
<div id="gold_add_div"><br></br><input type="hidden" name="storeid" value="*30b37dbf574fef4e8006b0a2fb04bef6a64a024defdac914c331"/>
Should be:
<div id="deadline_div">Registration Deadline: Sept 21, 2012</div>
<div id="gold_add_div"><br></br><input type="hidden" name="storeid" value="*30b37dbf574fef4e8006b0a2fb04bef6a64a024defdac914c331">
And that would mean you are missing a </div> at the end and you should use "padding-top" attribute of CSS on your gold_add_div and not 2 "br" tags.
Here is a link to the page: http://www.wisercharitable.org/sponsorship.html
Once again, I ran the code through this validator: http://validator.w3.org/ and worked through all the errors until there were none left. I thought that meant everything was okay.
You've probably figured out by now that I don't really know what I'm doing. Just starting to learn Dreamweaver. I appreciate the patience.
Chris
North America
Europe, Middle East and Africa
Asia Pacific