jhelms
Jun-15-2008, 11:28 AM
In this gallery http://jhelms.smugmug.com/gallery/5125009_Tf6ME#309672706_7vtvT I'm trying to add a blurb.com book banner in the description. From what I can tell the banner is working and linking but the book image is not showing up. Here's the code that I used from blurb...
<div id="badge" style="position:relative; width:240px; height:120px; margin:0px; padding:10px; background-color:white; border:1px solid #a0a0a0;"> <div style="position:absolute; top:10px; left:10px; padding:0px; margin:0px; width:118px; height:100px; line-height:116px; text-align:center;"> <a href="http://www.blurb.com/bookstore/detail/270763/?utm_source=badge&utm_medium=banner&utm_content=280x160" target="_blank" style="margin:0px; border:0px; padding:0px;"> <img src="http://www.blurb.com//images/uploads/catalog/07/472507/270763-570325877c47ec5291915ef7be381086.jpg" alt="Ivey Family Reunion" style="padding:0px; margin:0px; border:1px solid #a7a7a7; width:116px; vertical-align:middle;"/> </a> </div> <div style="position:absolute; top:58px; left:138px; overflow:hidden; margin:0px; padding:0px; border:0px; width:120px; text-align:left;"> <div style="width:105px; overflow:hidden; line-height:18px; margin:0px; padding:0px; border:0px;"> <a href="http://www.blurb.com/bookstore/detail/270763?utm_source=badge&utm_medium=banner&utm_content=280x160" style="font:bold 12px Arial, Helvetica, sans-serif; color: #fd7820; text-decoration:none;">Ivey Family Re...</a> </div> <div style="font:bold 10px Arial, Helvetica, sans-serif; color:#545454; line-height:15px; margin:0px; padding:0px; border:0px;"> June 2008 </div> <div style="font:10px Arial, Helvetica, sans-serif; color:#545454; line-height:15px; margin:0px; padding:0px; border:0px;"> By </div> </div> <div style="position:absolute; bottom:8px; left:138px; font:normal 10px Arial, Helvetica, sans-serif; color:#fd7820; line-height:15px; margin:0px; padding:0px; border:0px;"> <a href="http://www.blurb.com/books/270763" force="true" style="color:#fd7820; text-decoration:none;" title="Book Preview">Book Preview</a> </div> <div style="position:absolute; top:10px; right:10px; padding:0px; margin:0px;"> <a title="Make a book with Blurb" href="http://www.blurb.com/?utm_source=badge&utm_medium=banner&utm_content=280x160" target="_blank" style="border:0; padding:0px; margin:0px; text-decoration:none;"> <img src="http://www.blurb.com/images/badge/blurb-logo.png" style="border:0; padding:0px; margin:0px;" alt="Make a book with Blurb"/> </a> </div> <div style="clear: both; border: 0px solid black;"></div></div>
<div id="badge" style="position:relative; width:240px; height:120px; margin:0px; padding:10px; background-color:white; border:1px solid #a0a0a0;"> <div style="position:absolute; top:10px; left:10px; padding:0px; margin:0px; width:118px; height:100px; line-height:116px; text-align:center;"> <a href="http://www.blurb.com/bookstore/detail/270763/?utm_source=badge&utm_medium=banner&utm_content=280x160" target="_blank" style="margin:0px; border:0px; padding:0px;"> <img src="http://www.blurb.com//images/uploads/catalog/07/472507/270763-570325877c47ec5291915ef7be381086.jpg" alt="Ivey Family Reunion" style="padding:0px; margin:0px; border:1px solid #a7a7a7; width:116px; vertical-align:middle;"/> </a> </div> <div style="position:absolute; top:58px; left:138px; overflow:hidden; margin:0px; padding:0px; border:0px; width:120px; text-align:left;"> <div style="width:105px; overflow:hidden; line-height:18px; margin:0px; padding:0px; border:0px;"> <a href="http://www.blurb.com/bookstore/detail/270763?utm_source=badge&utm_medium=banner&utm_content=280x160" style="font:bold 12px Arial, Helvetica, sans-serif; color: #fd7820; text-decoration:none;">Ivey Family Re...</a> </div> <div style="font:bold 10px Arial, Helvetica, sans-serif; color:#545454; line-height:15px; margin:0px; padding:0px; border:0px;"> June 2008 </div> <div style="font:10px Arial, Helvetica, sans-serif; color:#545454; line-height:15px; margin:0px; padding:0px; border:0px;"> By </div> </div> <div style="position:absolute; bottom:8px; left:138px; font:normal 10px Arial, Helvetica, sans-serif; color:#fd7820; line-height:15px; margin:0px; padding:0px; border:0px;"> <a href="http://www.blurb.com/books/270763" force="true" style="color:#fd7820; text-decoration:none;" title="Book Preview">Book Preview</a> </div> <div style="position:absolute; top:10px; right:10px; padding:0px; margin:0px;"> <a title="Make a book with Blurb" href="http://www.blurb.com/?utm_source=badge&utm_medium=banner&utm_content=280x160" target="_blank" style="border:0; padding:0px; margin:0px; text-decoration:none;"> <img src="http://www.blurb.com/images/badge/blurb-logo.png" style="border:0; padding:0px; margin:0px;" alt="Make a book with Blurb"/> </a> </div> <div style="clear: both; border: 0px solid black;"></div></div>