Forums

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
    Posts
  • #162193
    theograd
    Participant

    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: http://jsfiddle.net/QL49W/2/

    End goal is a photoshopped design. Not sure how to translate it into code though: http://i.stack.imgur.com/YblL1.png

    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=" //rsatestamle.dminsite.com/privacy-policy/a/3/" style="text-decoration:underline;color:#F25C27;">Privacy Policy</a>.<br><br>
                <form class="form-horizontal" method="post" action="http://www.gliq.com/cgi-bin/subunsub">
                    <div class="input-prepend">
                        <input type="hidden" name="acctname" value="amleo">
                        <input type="hidden" name="action" value="subscribe">
                        <input type="hidden" name="url" value=" //rsatestamle.dminsite.com/subscribe-successful/a/47/">
                        <input type="text" placeholder="Your email address" id="inputIcon" class="input-xlarge" name="email">
                        <input value="SUBSCRIBE" class="btn btn-orange" type="submit">
                    </div>
                </form>
            </div>
            <div id="Catalog" class="pull-right catrr">
                <div class="catalog">
                        <h2>Catalogs</h2>
                        <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=" //rsatestamle.dminsite.com/catalogs.aspx" title="Catalogs" style="text-decoration:underline;">
                        <span style="color:#F25C27;">View Online Catalog</span></a>
    
                        <div class="CatalogGif">
                            <img src="//cdnll.amleo.com/images/art/MG14_pro_animatedcover.gif" align="right">
                        </div>
                </div>
            </div>
        </div>
    </section>
    
Viewing 1 post (of 1 total)
  • The forum ‘CSS’ is closed to new topics and replies.