I'm struggling to remove the white box underneath the "features" section on this website (). The structure of the div is quite simple:
<div class="donatenew"></div>
and here's the CSS:
.donatenew {
width:100%;
background: #f8f8f8;
height:1000px;
}
However, when I try to delete the "donatenew" div, it ends up affecting the div below it, the "bottomnew" div, causing it to disappear and only leave the text behind.
The HTML for the bottomnew div:
<div class="bottomnew">
<a href="http://www.beaurosariophoto.com">Beau R.</a> | (Photo)
<a href="http://www.flickr.com/photos/jb-london">JB-London</a> | (Photo)
<a href="#"></a> | (Logo)
</div class="bottomnew">
and its corresponding CSS:
.bottomnew {
width:100%;
background: #d1d1d1;
height: 300px;
border-top: 6px solid #a9a9a9;
}
.bottomnew:a:link {color:#0088cc;
text-decoration: none;
}
a:visited {}
a:hover {color:#005580;}
a:active {}
}
Can someone explain why deleting the "donatenew" div messes up the layout of the "bottomnew" div in the HTML? Any assistance would be greatly appreciated. Thank you!