[HDRebel88]

Okay, for some reason this <hr /> line is not responding to the CSS I'm trying to put on it.


The page: http://makethemovieh....com/darix.html

css

.hr_spacer{
height: 5px;
width: 1000px;
}
.line{
width: 750px;
color: #FF0000;
}

XHTML

<div class="footer">
<div class="hr_spacer">
<hr class="line" />
</div>
<div class="about_us">
<p>About Us</p>
<ul class="bullets">
<li>About Us</li>
<li>Hangar 18</li>
<li>Return Policy</li>
<li>Terms and Conditions</li>
<li>Site Map</li>
</ul>
</div>
<div class="services">
<p>Services</p>
<ul class="bullets">
<li>Affiliate Program</li>
<li>Rehearsal Space</li>
<li>Recording/Mastering</li>
<li>Disc Duplication</li>
</ul>
</div>
<div class="customer">
<p>Contact &amp; Information</p>
<ul class="bullets">
<li>Contact Us</li>
<li>Manufacture Links</li>
<li>Privacy Policy</li>
<li>Help Center</li>
<li>Track Your Order</li>
<li>Newsletter Unsubscribe</li>
</ul>
</div>

</div>

[-M-A-R-K-]

Try this;

css

HR {
height: 5px;
width: 1000px;
background: #446791; 
margin: 0px 10px 0px 10px; 
}

XHTML

<div class="footer">
<hr />
</div>
<div class="about_us">
<p>About Us</p>
<ul class="bullets">
<li>About Us</li>
<li>Hangar 18</li>
<li>Return Policy</li>
<li>Terms and Conditions</li>
<li>Site Map</li>
</ul>
</div>
<div class="services">
<p>Services</p>
<ul class="bullets">
<li>Affiliate Program</li>
<li>Rehearsal Space</li>
<li>Recording/Mastering</li>
<li>Disc Duplication</li>
</ul>
</div>
<div class="customer">
<p>Contact &amp; Information</p>
<ul class="bullets">
<li>Contact Us</li>
<li>Manufacture Links</li>
<li>Privacy Policy</li>
<li>Help Center</li>
<li>Track Your Order</li>
<li>Newsletter Unsubscribe</li>
</ul>
</div>

</div>

This post has been edited by -M-A-R-K-: 24 January 2010 - 09:26 PM