HTML code for the button works, but no image
Permalink 1 user found helpful
I have a dangerous amount of knowledge. So some things I get, and others allude me. I try and work out solutions, but this one has me stumped. Probably something I should know, but am missing.
Wanting a button to head off to an outside site, I created a button in Fireworks. Now Fireworks says that the button's HTML coding is self contained. Great. I make a clever button, turn it into HTML code. Then copy the code, but it onto the page and... the link works. The button is functional. The problem is that the image is not there. As I roll over, I can see a flash of the rectangle and the little broken link symbol showing me that the picture didn't work.
Have any clue of what the problem is, and how I can fix it?
Wanting a button to head off to an outside site, I created a button in Fireworks. Now Fireworks says that the button's HTML coding is self contained. Great. I make a clever button, turn it into HTML code. Then copy the code, but it onto the page and... the link works. The button is functional. The problem is that the image is not there. As I roll over, I can see a flash of the rectangle and the little broken link symbol showing me that the picture didn't work.
Have any clue of what the problem is, and how I can fix it?
One of the many combinations I've tried is to place the image in the site. Still nothing. It is a pretty simple code I'm working on right now.
<html>
<body>
<a href= "http://www.amazon.com/Coma-ebook/dp/B004Z7X894/ref=sr_1_16?ie=UTF8&qid=1311094470&sr=8-16/""
target="new"><img scr="http://www.artisticstories.com/oneclick/files/5013/1121/8654/Coma.jpg"
width="115" height="115"
alt="Buy Coma on Amazon.com" title="Buy Coma on Amazon.com"></a>
</body>
</html>
I guess I could do more complicated things if that is what it takes, but I was hoping for simple. Do you see anything wrong with this? The button works. The size is right. I can see the image in the place I have directed it to... Its just the image doesn't want to show up here. It worked when I used it outside of concrete. Any suggestions would be helpful.
<html>
<body>
<a href= "http://www.amazon.com/Coma-ebook/dp/B004Z7X894/ref=sr_1_16?ie=UTF8&qid=1311094470&sr=8-16/""
target="new"><img scr="http://www.artisticstories.com/oneclick/files/5013/1121/8654/Coma.jpg"
width="115" height="115"
alt="Buy Coma on Amazon.com" title="Buy Coma on Amazon.com"></a>
</body>
</html>
I guess I could do more complicated things if that is what it takes, but I was hoping for simple. Do you see anything wrong with this? The button works. The size is right. I can see the image in the place I have directed it to... Its just the image doesn't want to show up here. It worked when I used it outside of concrete. Any suggestions would be helpful.
You are missing the <img src="yourfilename.jpg" /> closing tag from what I see in the code you posted above
<img scr="http://www.artisticstories.com/oneclick/files/5013/1121/8654/Coma.jpg" width="115" height="115" alt="Buy Coma on Amazon.com" title="Buy Coma on Amazon.com"/>
use this:
Don't paste <html> or <body> tags inside your theme. The above should work, if the image path is correct. The src attribute was misspelled, and it was missing a '/>' for the img tag. Hope it helps.
<a href= "http://www.amazon.com/Coma-ebook/dp/B004Z7X894/ref=sr_1_16?ie=UTF8&qid=1311094470&sr=8-16/"" target="new"><img src="http://www.artisticstories.com/oneclick/files/5013/1121/8654/Coma.jpg" width="115" height="115" alt="Buy Coma on Amazon.com" title="Buy Coma on Amazon.com" /></a>
Don't paste <html> or <body> tags inside your theme. The above should work, if the image path is correct. The src attribute was misspelled, and it was missing a '/>' for the img tag. Hope it helps.
Edit: I don't know what I am smoking...:-P
You can also use the REAL easy way to add this. Upload the image into your media library, and then use the image block to add it as an image with a link.
You don't need to specify height or width. All you need to do is select the image from the library, and add this url to the image block:
You can also use the REAL easy way to add this. Upload the image into your media library, and then use the image block to add it as an image with a link.
You don't need to specify height or width. All you need to do is select the image from the library, and add this url to the image block:
http://www.amazon.com/Coma-ebook/dp/B004Z7X894/ref=sr_1_16?ie=UTF8&qid=1311094470&sr=8-16/"
That was definitely easy, and best of all... it worked! Thanks for the help. I will be using this format over and over, so it is good to know.
Put the button image into your theme images folder, then make sure the paths in your html has the correct path to access the image. The best way is to add the css for this button into your main.css file which is in your theme root, and then change the background: url(image.png); parts to something like background: url(image/image.png);