dmreid wrote:
Thanks Ken! I have done that, but I was curious as to why it wasn't working when I apply that to either .Collections-main or .Collections-main p ? It should, shouldn't it?
Thanks
Donna
Its not working because you haven't cleared the floats in the 'tabs' container.
First you don't need to float the 'tabs' <div> left. So you can comment that out and add overflow: hidden; to clear the floats:
#tabs {
/*float: left;*/
width:100%;
font-size:1.00em;
font-weight:bold;
background-color: #0a3371;
text-align:center;
overflow: hidden;
}
Also no need to float the 'tabs ul' left, comment it out:
#tabs ul {
/* float: left; */
width:100%;
margin:0;
list-style:none;
background-color: #0a3371;
text-align:center;
}
Delete margin-top: 15px; -
.Collections-main p{
margin-top: 15px;
text-align:center;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-weight:600;
font-style:italic;
color:#710a33;
It doesn't look like you're using any second tier menus so it's ok to use overflow: hidden; on the 'tabs' css.
IF you are intending to use second tier menus then you will have to clear the floats by using inline styling:
<div id="tabs">
<ul>
<li><a href="aboutus.php"><span>About Us</span></a></li>
<li><a href="accessories.php"><span>Accessories</span></a></li>
<li><a href="collections.php"><span>Collections</span></a></li>
<li><a href="newarrivals.php"><span>New Arrivals</span></a></li>
<li><a href="specials.php"><span>Specials</span></a></li>
<li><a href="contact.php"><span>Contact Us</span></a></li>
<li><a href="index-draft.php"><span>Home</span></a></li>
</ul>
<br style="clear: both;">
</div>