The code below
<div class="button">
<a onmouseover="MM_swapImage('excerpt','','../images/btns/excerpt_f2.gif',1)" onmouseout="MM_swapImgRestore()" href="http://www.conservativeoutcomes.com/../excerpt.php">
<img id="excerpt" alt="Excerpt" src="http://www.waronscience.com/images/btns/excerpt_f2.gif" border="0" name="excerpt" oSrc="<A href="http://www.conservativeoutcomes.com/images/btns/excerpt.gif"></a></div">http://www.conservativeoutcomes.com/images/btns/excerpt.gif"></a></div
<a onmouseover="MM_swapImage('buy','','../images/btns/buy_f2.gif',1)" onmouseout="MM_swapImgRestore()" href="Buy">
<img id="buy" alt="Buy the Book" src="http://www.waronscience.com/../images/btns/buy_f2.gif" border="0" name="buy"></a></div>
What I need are the buttons to be aligned at the top center
When I have it like it is above, they show up like so:
*Excerpt
*Buy
I want it like this
*Exerpt *Buy
Does that make sense?
<div class="button">
<a onmouseover="MM_swapImage('excerpt','','../images/btns/excerpt_f2.gif',1)" onmouseout="MM_swapImgRestore()" href="http://www.conservativeoutcomes.com/../excerpt.php">
<img id="excerpt" alt="Excerpt" src="http://www.waronscience.com/images/btns/excerpt_f2.gif" border="0" name="excerpt" oSrc="<A href="http://www.conservativeoutcomes.com/images/btns/excerpt.gif"></a></div">http://www.conservativeoutcomes.com/images/btns/excerpt.gif"></a></div
<a onmouseover="MM_swapImage('buy','','../images/btns/buy_f2.gif',1)" onmouseout="MM_swapImgRestore()" href="Buy">
<img id="buy" alt="Buy the Book" src="http://www.waronscience.com/../images/btns/buy_f2.gif" border="0" name="buy"></a></div>
What I need are the buttons to be aligned at the top center
When I have it like it is above, they show up like so:
*Excerpt
*Buy
I want it like this
*Exerpt *Buy
Does that make sense?