OK I misunderstood you. Try this:
1) Create an extra div called "logo01" and enter your logo in it as follows:
<div id="logo01">
<img alt="villa_phuket" height="39" src="villaphuket_300.gif" width="308" />
</div>
2) create an additional css rule as follows:
#logo01 img {
padding: 0;
margin-top: 0;
margin-bottom: auto;
float: left;
vertical-align: middle;
}
This should center the Villa Phuket logo.
3) I created the following code to test it:
<div id="container">
<div id="header">
<div id="logo01">
<img alt="villa_phuket" height="39" src="villaphuket_300.gif"
width="308" /></div>
<div id="menus">
<ul>
<li><a href="#">Gallery</a> </li>
<li><a href="#">Contact</a> </li>
<li><a href="#">Location</a></li>
<li><a href="#">Reservations</a> </li>
<li><a href="#">Rates</a></li>
<li><a href="#">Facilities</a> </li>
<li><a href="#">Property Details</a></li>
</ul>
</div>
</div>
</div>
I used your CSS file BUT added the additional style I mentioned in (2) above.
Hope this helps.
--- On Thu, 11/26/09, Lisa Frost <birdiefr...@gmail.com> wrote:
> Hi Jay,
> Sorry my description was probably a bit misleading, i
> didn't want to align my menu items vertically but to
> align the menu with my website name, a bit like aligning
> middle in table cells if you know what i mean.
>
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
