Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 01-14-2012, 07:00 PM   PM User | #1
makebetterwebs
New to the CF scene

 
Join Date: Jan 2012
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
makebetterwebs is an unknown quantity at this point
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 07:33 PM..
makebetterwebs is offline   Reply With Quote
Old 01-14-2012, 07:30 PM   PM User | #2
teedoff
Senior Coder

 
Join Date: Aug 2010
Location: High Point, NC
Posts: 3,325
Thanks: 5
Thanked 363 Times in 360 Posts
teedoff is on a distinguished road
That "code" you provided doesn't make sense.

Post your source code or a link to your site.
__________________
Teed
teedoff is offline   Reply With Quote
Old 01-14-2012, 07:33 PM   PM User | #3
makebetterwebs
New to the CF scene

 
Join Date: Jan 2012
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
makebetterwebs is an unknown quantity at this point
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.
makebetterwebs is offline   Reply With Quote
Reply

Bookmarks

Tags
css, divs, html, markup

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 10:17 AM.


Advertisement
Log in to turn off these ads.