Need help with HTML

  • Resolved florianwardell

    (@florianwardell)


    14 years, 4 months 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!

Viewing 8 replies - 1 through 8 (of 8 total)
  • esmi

    (@esmi)

    14 years, 4 months 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>
    Michael

    (@alchymyth)

    14 years, 4 months 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 😉

    Thread Starter florianwardell

    (@florianwardell)

    14 years, 4 months ago

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

    Thread Starter florianwardell

    (@florianwardell)

    14 years, 4 months ago

    Esmi, your idea just worked perfectly. Thank you!

    daniel000

    (@daniel000)

    14 years, 4 months ago

    hey florianwardell,

    what plugin did you use for your banner?

    Thread Starter florianwardell

    (@florianwardell)

    14 years, 4 months ago

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

    daniel000

    (@daniel000)

    14 years, 4 months ago

    ohh yeah i meant the featured article slider sorry

    Thread Starter florianwardell

    (@florianwardell)

    14 years, 4 months 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 125×125 ad on my site =), that’s where the design of the site comes from. The bargain is great.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Need help with HTML’ is closed to new replies.