WordPress.org

1. florianwardell
   Member
   Posted 2 years ago #

   Hello!

   My team and I have recently launched http://techhaze.com a I've been able to run and set up the site with minimal use of HTML so far.
   I however have a problem:
   On the very bottom of the site, on our sidebar, users can enter their email address and get subscribed. I've tweaked the HTML code a little but I've been unable to reposition the "subscribe" button right next to the input field, on the right of which there is a useless blank space.

   Here is the code:

   <form style="border:0px solid #ccc;padding:1px;text-align:left;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Techhazecom', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p style="text-align: justify;">Enter your email address to get the newest posts directly delivered in your inbox:</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="Techhazecom" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" />
   </form>

   The tweak is probably quite simple, and I'd be grateful to anyone who could point me in the right direction.

   Cheers!

2. esmi
   Theme Diva & Forum Moderator
   Posted 2 years ago #

   Try:

   <form style="border:0px solid #ccc;padding:1px;text-align:left;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Techhazecom', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
   <p style="text-align: justify;">Enter your email address to get the newest posts directly delivered in your inbox:</p>
   <p><input type="text" style="width:140px" name="email"/> <input type="submit" value="Subscribe" />
   
   <input type="hidden" value="Techhazecom" name="uri"/><input type="hidden" name="loc" value="en_US"/></p>
   
   </form>

3. alchymyth
   The Sweeper
   Posted 2 years ago #

   in your code, just after style="width:140px" add '; float:left; margin-right:20px; margin-top:12px;' - so that the new bit looks like:
   <p><input style="width: 140px; float:left; margin-right:20px; margin-top:12px;" name="email" type="text"></p>

   seems to work in firefox, not checked in other browsers ;-)

   PS: i would go with @esmi's idea, it is much simpler, and more likely not to cause browser incompatibility ;-)

4. florianwardell
   Member
   Posted 2 years ago #

   You guys rock. I'll let you know which one worked best.

5. florianwardell
   Member
   Posted 2 years ago #

   Esmi, your idea just worked perfectly. Thank you!

6. daniel000
   Member
   Posted 2 years ago #

   hey florianwardell,

   what plugin did you use for your banner?

7. florianwardell
   Member
   Posted 2 years ago #

   The banner is just a .jpg file =) Or do you mean the featured article slider?

8. daniel000
   Member
   Posted 2 years ago #

   ohh yeah i meant the featured article slider sorry

9. florianwardell
   Member
   Posted 2 years ago #

   Hey daniel,

   The featured slider is coded directly in includes/featured.php
   Not sure how, because I didn't do it.
   I suggest you have a look at ElegantThemes (click on the 125x125 ad on my site =), that's where the design of the site comes from. The bargain is great.

Topic Closed

This topic has been closed to new replies.