The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Placing an image next to text / link content

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
  • #162193

    I have a design that I’m trying to match. I need an image, a .gif, next to the text content. But I just plain can’t get it to there, and it’s driving me mad.

    Reduced test case here:

    End goal is a photoshopped design. Not sure how to translate it into code though:

    My HTML is below. In the jsfiddle, I’m using a lot more CSS & JS.

    <section id="newslettersignup">
        <div class="container White_BG">
            <div class="pull-left newsletter">
                <h2>E-mail Deals</h2>
                Sign up to receive Sales & exclusive news!<br>
                We will not sell or rent your email address. <a href=" //" style="text-decoration:underline;color:#F25C27;">Privacy Policy</a>.<br><br>
                <form class="form-horizontal" method="post" action="">
                    <div class="input-prepend">
                        <input type="hidden" name="acctname" value="amleo">
                        <input type="hidden" name="action" value="subscribe">
                        <input type="hidden" name="url" value=" //">
                        <input type="text" placeholder="Your email address" id="inputIcon" class="input-xlarge" name="email">
                        <input value="SUBSCRIBE" class="btn btn-orange" type="submit">
            <div id="Catalog" class="pull-right catrr">
                <div class="catalog">
                        <a class="various" data-fancybox-type="iframe" href="catalogrequestpopup.aspx?catalog_id=0001&name=2014 Catalog Request" title="Request a Catalog" style="text-decoration:underline;"><span style="color:#F25C27;">Request a Free Catalog</span></a> or<br>
                        <a href=" //" title="Catalogs" style="text-decoration:underline;">
                        <span style="color:#F25C27;">View Online Catalog</span></a>
                        <div class="CatalogGif">
                            <img src="//" align="right">
Viewing 1 post (of 1 total)
  • The forum ‘CSS’ is closed to new topics and replies.