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 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Jan 2012
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Layout markup question. Repeating backgrounds within wrappers

    Hi CF! Looking for some basic markup suggestions on the following layout: http://cl.ly/DKZm

    So far I have....


    <div id="navigation">
    </div>

    <div id="image-carousel">
    <ul class="carousel">
    <li><a href=""><img src="http://placehold.it/200x262.png"></a></li>
    <li><a href=""><img src="http://placehold.it/200x262.png"></a></li>
    <li><a href=""><img src="http://placehold.it/200x262.png"></a></li>
    <li><a href=""><img src="http://placehold.it/200x262.png"></a></li>
    <li><a href=""><img src="http://placehold.it/200x262.png"></a></li>
    <li><a href=""><img src="http://placehold.it/200x262.png"></a></li>
    <li><a href=""><img src="http://placehold.it/200x262.png"></a></li>
    <li><a href=""><img src="http://placehold.it/200x262.png"></a></li>
    <li><a href=""><img src="http://placehold.it/200x262.png"></a></li>
    <li><a href=""><img src="http://placehold.it/200x262.png"></a></li>
    <li><a href=""><img src="http://placehold.it/200x262.png"></a></li>
    <li><a href=""><img src="http://placehold.it/200x262.png"></a></li>
    <li><a href=""><img src="http://placehold.it/200x262.png"></a></li>
    <li><a href=""><img src="http://placehold.it/200x262.png"></a></li>
    <li><a href=""><img src="http://placehold.it/200x262.png"></a></li>
    <li><a href=""><img src="http://placehold.it/200x262.png"></a></li>
    <li><a href=""><img src="http://placehold.it/200x262.png"></a></li>
    <li><a href=""><img src="http://placehold.it/200x262.png"></a></li>
    <li><a href=""><img src="http://placehold.it/200x262.png"></a></li>
    <li><a href=""><img src="http://placehold.it/200x262.png"></a></li>
    <li><a href=""><img src="http://placehold.it/200x262.png"></a></li>
    <li><a href=""><img src="http://placehold.it/200x262.png"></a></li>
    <li><a href=""><img src="http://placehold.it/200x262.png"></a></li>
    <li><a href=""><img src="http://placehold.it/200x262.png"></a></li>
    <li><a href=""><img src="http://placehold.it/200x262.png"></a></li>
    </ul>
    </div>


    <div id="left">
    </div>

    <div id="right">
    </div>

    <div id="footer">
    </div>

    I am looking to keep the left side of nav aligned with bottom left box. The snag I am running in to, is the layout calls for repeating backgrounds on the nav holder and bottom boxes.

    I assume a wrapper for the nav - break for image scroller - then wrapper for bottom... but I cant seem the get the bottom part worked out!

    Any help is appreciated.
    Last edited by makebetterwebs; 01-14-2012 at 08:33 PM.

  • #2
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,338
    Thanks
    5
    Thanked 363 Times in 360 Posts
    That "code" you provided doesn't make sense.

    Post your source code or a link to your site.
    Teed

  • #3
    New to the CF scene
    Join Date
    Jan 2012
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by teedoff View Post
    That "code" you provided doesn't make sense.

    Post your source code or a link to your site.
    Sorry - I was attempting shorthand with the code - didn't work. I have revised.


  •  

    Tags for this Thread

    Posting Permissions

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