[resolved] can't get .png image to display in widget (1 post)

  1. wildbug
    Posted 6 years ago #

    I put a Google feedburner email form on my site so readers can sign up to get daily emails (scroll down to middle of right column): http://danceinthefire.com/

    The rss.png is not displaying to left of text "get daily email updates!" Also, the content of this text widget is overlapping with the one below it (Google ad).

    Can anyone help? Thank you!!

    Here is the code I put in the widget box:

    <form id="subscribe" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=planetthrive', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><center><p>get daily email updates!</p><input type="text" value="Enter your email address..." id="subscribebox" onfocus="if (this.value == 'Enter your email address...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Enter your email address...';}" name="email"/><input type="hidden" value="planetthrive" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="subscribe" id="subscribebutton" /></center></form>

    and here is the corresponding CSS:

    `#subscribe { background-color: #B7D869; background-image: url(assets/images/rss.gif); background: top no-repeat; font-family: Arial, Helvetica, sans-serif; float: left; width: 176px; margin: 0px 0px 10px 0px; padding: 0px; }

    #subscribebox { background-color: #B7D869 !important; font-family: Arial, Helvetica, sans-serif; width: 150px; color: #49495D; font-size: 12px; font-weight: normal; margin: 10px 0px 0px 0px; padding: 3px 0px 3px 5px; display: inline; }

    #subscribebutton { background-color: #4B8818; font-family: Arial, Helvetica, sans-serif; color: #C2E24C; font-size: 15px; margin: 2px 0px 0px 7px; padding: 3px 3px 2px 3px; font-weight: bold; border-top: 1px solid #91AC98; border-right: 1px solid #62896B; border-left: 1px solid #91AC98; border-bottom: 1px solid #62896B;}'

Topic Closed

This topic has been closed to new replies.

About this Topic