Align All Images With Drop Down Function Side By Side

[ChrisTan]

Hello all, this is Chris here. I am just starting my hands on learning CSS and has a problem that has been bugging me for days now. I hope I am able to get a solution to my problem here, thanks to all who help in advance.

I am currently using Wordpress to setup my website. This is the Website (http://insurancecommissionrefund.com/testwebsite/drop-down/)

I am trying to get the 6 images in the same line, the main logo with some space away from the 5 other images(all the 5 images should be side by side with no space in between). As of right now, the images are not on the same line, is anyone able to enlighten on this issue?

CSS


.dropv, .dropv ul {padding: 0; margin: 0; list-style: none;list-style-type: none;}
.dropv a {display: inline; width: 170px;list-style-type: none;}
.dropv li {float: left; padding: 0px 0px 0px 0px 0px 0px;list-style-type: none; } /* all list items */
.dropv li ul {position: absolute; background: #46558a;opacity:0.8;
filter:alpha(opacity=80); padding: 0px 0px 0px 0px; width: 170px; left: -9999px;list-style-type: none;} /* second-level lists */
.dropv li:hover ul {left: auto;list-style-type: none;} /* nest list under hovered list items */
.dropv li ul li a {color: #ffffff; text-decoration: none; display: block;list-style-type: none;}
.dropv li ul li a:hover {background:#272364;opacity:0.9;
filter:alpha(opacity=90);list-style-type: none;}

Page Code

<table>
<tbody>
<tr>
<td style="vertical-align: top;" width="195"><a href="http://shedtheweightonline.com/NautikaWebsite/"><img class="alignnone size-full wp-image-70" title="" src="http://shedtheweightonline.com/NautikaWebsite/wp-content/uploads/2012/03/Home_logo.jpg" alt="" width="178" height="67" /></a></td>
<td><a href="http://shedtheweightonline.com/NautikaWebsite/?page_id=35"><img class="alignnone size-full wp-image-110" title="" src="http://shedtheweightonline.com/NautikaWebsite/wp-content/uploads/2012/03/Home_Master.jpg" alt="" width="123" height="67" /></a><ul class="dropv"><li><img class="alignnone size-full wp-image-148" title="" src="http://shedtheweightonline.com/NautikaWebsite/wp-content/uploads/2012/03/HomePage_NautikaFleet.jpg" alt="" width="123" height="67" /><ul>
<li><a href="#">General Purpose Boat</a></li>
<li><a href="#">Accommodation Work Vessels</a></li>
<li><a href="#">Work Barge</a></li>
<li><a href="#">Seismic Support Vessels</a></li>
<li><a href="#">Supply Vessels</a></li>
<li><a href="#">Others</a></li>
</ul>
</li>
</ul><ul class="dropv"><li><img class="alignnone size-full wp-image-149" title="" src="http://shedtheweightonline.com/NautikaWebsite/wp-content/uploads/2012/03/HomePage_GroupOfCompanies.jpg" alt="" width="123" height="67" /><ul>
<li><a href="#">Novo Crew</a></li>
<li><a href="#">GCE Anti-corrosion Technology</a></li>
</ul>
</li>
</ul><a href="http://shedtheweightonline.com/NautikaWebsite/?page_id=4"><img class="alignnone size-full wp-image-150" title="" src="http://shedtheweightonline.com/NautikaWebsite/wp-content/uploads/2012/03/HomePage_QualityStandard.jpg" alt="" width="123" height="67" /></a><a href="http://shedtheweightonline.com/NautikaWebsite/?page_id=162"><img class="alignnone size-full wp-image-151" title="" src="http://shedtheweightonline.com/NautikaWebsite/wp-content/uploads/2012/03/HomePage_Contact.jpg" alt="" width="123" height="67" /></a></td>
</tr>
</tbody>
</table>

http://insurancecommissionrefund.com/testwebsite/wp-content/uploads/2012/04/Menu.jpg

[deathbycheese]

Try this:


<table width="800">
<tbody>
<tr>
<td style="vertical-align: top;" width="180" align="left">
<a href="http://shedtheweightonline.com/NautikaWebsite/">
<img class="alignnone size-full wp-image-70" title="" src="http://shedtheweightonline.com/NautikaWebsite/wp-content/uploads/2012/03/Home_logo.jpg" alt="" width="178" height="67" /></a>
</td>
<td width="620">
<ul class="dropv">
<li>
<a href="http://shedtheweightonline.com/NautikaWebsite/?page_id=35">
<img class="alignnone size-full wp-image-110" title="" src="http://shedtheweightonline.com/NautikaWebsite/wp-content/uploads/2012/03/Home_Master.jpg" alt="" width="122" height="67" /></a>
</li>

<li>
<img class="alignnone size-full wp-image-148" title="" src="http://shedtheweightonline.com/NautikaWebsite/wp-content/uploads/2012/03/HomePage_NautikaFleet.jpg" alt="" width="122" height="67" />
<ul>
<li>
<a href="#">General Purpose Boat</a>
</li>
<li>
<a href="#">Accommodation Work Vessels</a>
</li>
<li>
<a href="#">Work Barge</a>
</li>
<li>
<a href="#">Seismic Support Vessels</a>
</li>
<li>
<a href="#">Supply Vessels</a>
</li>
<li>
<a href="#">Others</a>
</li>
</ul>
</li>

<li>
<img class="alignnone size-full wp-image-149" title="" src="http://shedtheweightonline.com/NautikaWebsite/wp-content/uploads/2012/03/HomePage_GroupOfCompanies.jpg" alt="" width="122" height="67" />
<ul>
<li>
<a href="#">Novo Crew</a>
</li>
<li>
<a href="#">GCE Anti-corrosion Technology</a>
</li>
</ul>
</li>

<li>
<a href="http://shedtheweightonline.com/NautikaWebsite/?page_id=4">
<img class="alignnone size-full wp-image-150" title="" src="http://shedtheweightonline.com/NautikaWebsite/wp-content/uploads/2012/03/HomePage_QualityStandard.jpg" alt="" width="122" height="67" /></a>
</li>

<li>
<a href="http://shedtheweightonline.com/NautikaWebsite/?page_id=162">
<img class="alignnone size-full wp-image-151" title="" src="http://shedtheweightonline.com/NautikaWebsite/wp-content/uploads/2012/03/HomePage_Contact.jpg" alt="" width="122" height="67" /></a>
</li>
</ul>
</td>
</tr>
</tbody>
</table>