Menu
can somebody help me align this UL to the bottom right of this table. i put valign=”bottom” and align=”right” but it didn’t work, i tried to put padding and margins in the CSS to move it over and it just won’t work. any help would be greatly appreciated.
[code=html]
<table id=”products_page” border=”0″ cellpadding=”0″ cellspacing=”0″ width=”800″>
<tr id=”upper_nav” height=”198″>
<td valign=”bottom”>
<ul class=”navlist”>
<li>
<a href=”index.html”>Home</a></li>
<li><a href=”about_us.html”>About Us</a></li>
<li><a href=”contact_us.html”>Contact Us</a></li>
<li><a href=”contact_us.html”>Contact Us</a></li>
<li><a href=”contact_us.html”>Shipping Information</a></li>
<li><a href=”contact_us.html”>Return Policy</a></li>
<li style=”border-right:none;”><a href=”showcart.cfm”>View Cart</a></li>
</ul>
</td>
</tr>
</table>
[code]
.navlist li {
font-size: 12px;
font-family: Helvetica, Times, serif;
display: inline;
list-style-type: none;
padding: 0px 10px;
border-right: 1px solid black;
float: left;
position: relative;
}
#upper_nav {
background-image: url(‘http://lonepineprairiepillows.com/Cart/cw3/Assets/cart_images/base_page.jpg’);
background-repeat: no-repeat;
}