Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Aug 2013
    Location
    Tallinn, Estonia
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Repeating image above footer

    Hi guys,

    I'm working on my first web page and I want to add an horizontally repeating image above the footer, like this: http://bit.ly/16zVg77

    I'm using Skeleton for the markup and the footer HTML looks like this:

    <footer>
    <div class="footer-top"><img src="images/footer_top.png" width="250" height="6" alt=""/></div>
    <div class="container">
    <div class="contact">
    <h5>Võta meiega ühendust:</h5>
    <p>Pärnu muusikakool<br/ >
    Aida 4<br/ >
    80011 Pärnu<br/ >
    Telefon: 44 55 830</p>
    </div>
    <!--end contact-->

    <div class="partners">
    <p>Meie koostööpartnerid:</p>
    </div>
    <!--end partners-->

    <div class="social">
    <p>Jälgi meid ka:</p>
    <a href="#"><img src="images/facebook_social.png" width="53" height="53" alt=""/></a> <a href="#"><img src="images/youtube_social.png" width="53" height="53" alt=""/></a> </div>
    <!-- end social-->
    </div>
    <!--end container-->
    </footer>
    So far I've come up with this CSS bit:

    Code:
    .footer-top {
    	background:url(../images/footer_top.png) repeat-x;
    	background-size: 250px 6px;
    	}
    And this is what I get: http://bit.ly/17NgjCo

    Obviously I'm doing something wrong here, so I'd really appreciate your help. Thank you and I'm sorry for this stupid beginner's question!

  • #2
    New to the CF scene
    Join Date
    Aug 2013
    Posts
    3
    Thanks
    0
    Thanked 2 Times in 2 Posts
    <footer>
    <div class="footer-top">
    <div class="container">
    <div class="contact">
    <h5>Võta meiega ühendust:</h5>
    <p>Pärnu muusikakool<br/ >
    Aida 4<br/ >
    80011 Pärnu<br/ >
    Telefon: 44 55 830</p>
    </div>
    <!--end contact-->

    <div class="partners">
    <p>Meie koostööpartnerid:</p>
    </div>
    <!--end partners-->

    <div class="social">
    <p>Jälgi meid ka:</p>
    <a href="#"><img src="images/facebook_social.png" width="53" height="53" alt=""/></a> <a href="#"><img src="images/youtube_social.png" width="53" height="53" alt=""/></a> </div>
    <!-- end social-->
    </div>
    <!--end container-->
    </div>
    </footer>


    try this................ Hope it will work

  • Users who have thanked grahamjohn028 for this post:

    juhant (08-24-2013)


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •