Im desperate for some help as the homepage i am working on is playing up. I have rotating pictures at the top of the page (bannar) and the information boxes below appear behind this picture when i want them to appear beneath the picture. This is how the website is currently displayed,
www.lucas-world.co.uk
. . . obviously i need to change this! I Have very rough webbased skills so would be very greatful for any advice. I have tried using the <clear:both;> command but i must be using it wrong as i cant get the desired effect. Below is the HTML code:
Expand|Select|Wrap|Line Numbers
- <div id="rotator"><ul><li class="show"><img src="http://bytes.com/images/stories/spring_web_banner_chair_new.jpg" border="0" alt="spring1" width="1010" height="388" /> </li><li><img src="http://bytes.com/images/stories/spring_web_banner_table.jpg" border="0" alt="spring2" width="1010" height="388" /> </li><li><img src="http://bytes.com/images/stories/spring_web_ban_white_sofa.jpg" border="0" alt="spring3" width="1010" height="387" /> </li><li><img src="http://bytes.com/images/stories/spring_web_banner_bed.jpg" border="0" alt="spring4" width="1010" height="388" /> </li><li><img src="http://bytes.com/images/stories/spring_web_banner_table.jpg" border="0" alt="spring5" width="1010" height="388" /> </li></ul></div><div id="promobox2"><a href="home/offers.html?page=shop.browse&category_id=204"><div id="PromoTitle">Offers & Promotions<br /></div><div id="PromoTop"><br />This is where you will find our current promotional items that we have to offer you at great prices you won't be able to resist.<br /></div></a></div><div id="promobox3"><a href="home/offers.html?page=shop.browse&category_id=197"><div id="PromoTitleAlt">New & Featured Products<br /></div><div id="PromoBottom">Here you will find details on brand new products being released onto our shop floor. Be one of the first to see new additions to our unrivalled collection.<br /></div></a></div><div id="promo1"><div class="promocopy"><h2><a href="living-room.html">Living Room</a></h2><p>We understand the living area is one of the most important rooms within your home... </p></div><div class="click"><a href="living-room.html">CLICK HERE</a></div></div><div id="promo2"><div class="promocopy"><h2><a href="dining-room.html">Dining Room</a></h2><p>We guarantee to have something to suit all tastes within our Dining Collections... </p></div><div class="click"><a href="dining-room.html">CLICK HERE</a> <p> </p></div></div><div id="promo3"><div class="promocopy"><h2><a href="bedroom.html">Bedroom</a></h2><p>The Bedroom is your personal haven from the outside world so we believe it... </p></div><div class="click"><a href="bedroom.html">CLICK HERE</a> <p> </p></div></div><div id="promo4"><div class="promocopy"><h2><a href="office.html">Office</a></h2><p>Your home office should be designed to accommodate the way you work...</p></div><div class="click"><a href="office.html">CLICK HERE</a></div></div><div id="promo5"><div class="promocopy"><h2><a href="accessories.html">Accessories</a></h2><p>Our beautiful showrooms are completed by the inclusion of our unique design... </p></div><div class="click"><a href="accessories.html">CLICK HERE</a></div></div><div id="promo6"><div class="promocopy"><h2><a href="clearance.html">Clearance</a></h2><p>As we regularly update our stunning showrooms, we have to say goodbye... </p></div><div class="click"><a href="clearance.html">CLICK HERE</a></div></div><div id="promo7"><div class="promocopy"><h2><a href="who-are-we.html">Who Are We?</a></h2><p>Located in Aylesbury at Rabans Lane, just of the A41 Bicester Road, you will find... </p></div><div class="click"><a href="who-are-we.html">CLICK HERE</a></div></div><div id="promo8"><div class="promocopy"><h2><a href="gift-vouchers.html">Gift Vouchers</a></h2><p>Looking for a present for someone special? Treat your friends & family to a Gift... </p></div><div class="click"><a href="gift-vouchers.html">CLICK HERE</a></div></div>