html not working
-
Hello All!
I am new to WordPress and am thrilled with the results. I have used this forum to solve many problems, but this is my first post.
I am no coder, so forgive my ignorance.
I have made buttons with live links in PhotoShop and saved the file as the appropriate html. The file opens great in my browser, but when I try to add the code to my WordPress site the file comes up a mess of x’ed out boxes. I want to have the html added into my sidebar as a widget, but have tried posting it as a post aswell. The code seems so long but it was generated in PhotoShop, so I assume it is okay.
Any advice is greatly appricated.
http://www.theserenityroom.com<html> <head> <title>buttons</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <!-- Save for Web Slices (buttons.pdf) --> <table id="Table_01" width="558" height="212" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="9"> <img src="images/buttons_01.jpg" width="557" height="44" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="44" alt=""></td> </tr> <tr> <td rowspan="4"> <img src="images/buttons_02.jpg" width="29" height="168" alt=""></td> <td rowspan="2"> <a href="http://www.theserenityroom.com/feed"> <img src="images/RSS.jpg" width="117" height="110" border="0" alt=""></a></td> <td colspan="7"> <img src="images/buttons_04.jpg" width="411" height="2" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="2" alt=""></td> </tr> <tr> <td rowspan="3"> <img src="images/buttons_05.jpg" width="9" height="166" alt=""></td> <td> <a href="http://www.linkedin.com/profile/view?id=115397054&locale=en_US&trk=tab_pro"> <img src="images/Linkedin.jpg" width="117" height="108" border="0" alt=""></a></td> <td rowspan="3"> <img src="images/buttons_07.jpg" width="10" height="166" alt=""></td> <td> <a href="https://twitter.com/#!/theserenityroom"> <img src="images/Twitter.jpg" width="115" height="108" border="0" alt=""></a></td> <td rowspan="3"> <img src="images/buttons_09.jpg" width="10" height="166" alt=""></td> <td rowspan="2"> <a href="http://www.facebook.com/pages/The-Serenity-Room/216534128359076?sk=wall"> <img src="images/Facebook.jpg" width="117" height="110" border="0" alt=""></a></td> <td rowspan="3"> <img src="images/buttons_11.jpg" width="33" height="166" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="108" alt=""></td> </tr> <tr> <td rowspan="2"> <img src="images/buttons_12.jpg" width="117" height="58" alt=""></td> <td rowspan="2"> <img src="images/buttons_13.jpg" width="117" height="58" alt=""></td> <td rowspan="2"> <img src="images/buttons_14.jpg" width="115" height="58" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="2" alt=""></td> </tr> <tr> <td> <img src="images/buttons_15.jpg" width="117" height="56" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="56" alt=""></td> </tr> </table> <!-- End Save for Web Slices --> </body> </html>
-
Normally you want to paste code to http://pastebin.com/ and provide a link.
Where is this image? <img src=”images/buttons_01.jpg It needs to be uploaded to the server using add media and you need to use absolute URLs.
I have tried inputing the code and URL into pastebin and no luck yet. I tried the jpg aswell, but would rather the png version used.
the png is…
http://www.theserenityroom.com/wp-content/uploads/2012/03/buttons1.pngand the jpeg…
http://www.theserenityroom.com/wp-content/uploads/2012/03/buttons1.jpgThe code that paste bin gave me was the same thing I imputed I believe, perhaps I did something wrong?
`
Thanks for the help!I couldn’t figure out pastebin, but did get it figured out.
I did the buttons up as a mock post, and then copyed the HTML straight from the post to my test widget box.
Great little trick!
Thanks for your help 🙂
The topic ‘html not working’ is closed to new replies.