OK OK already - I've been busy :cons:
I've attached some buttons using your background. They are centered, a bit stretchy, and use a contextual selector #squish a to do their thing.
I also made the heading super squishy with the potential to actually overlap the picture on the right over the Alliance picture. To do this I defined their divs as absolute. You then have to define an exact height for the header div containing them so that the content doesn't push up. Remember - absolutely positioned divs don't occupy space the same way relatively positioned divs do.
Don't overwrite your own code with the files - especially Alliance Home because I've changed it too much and dropped some stuff. Here is the main code for people's interest:
The CSS for the buttons:#squish a, #squish a:visited {
display : inline;
height:auto;
width:auto;
background-color: #656;
background: url(headerbackground.jpg) repeat #312031;
border: 2px outset #767;
margin:0 .5%;
padding:.2em .5%;
text-decoration:none;
line-height : 250%;
text-align:center;
color: pink;
}
#squish a:hover, #squish a:active {
border: 2px inset #767; color: bisque;
} and used in the HTML: <div id="squish">
<a href="biography.html">Biography</a>
<a href="newsletter.html">Newsletter</a>
<a href="devotions.html">Devotions</a>
<a href="engagements.html">Engagements</a>
<a href="pictures.html">Pictures</a>
<a href="recordings.html">Recordings</a>
<a href="contact.html">Contact</a>
<a href="index.html">Home</a>
</div> Simple, elegant. Please hold the applause.:cool: