Редизайн HTML-таблицы

Question

Я изменяю дизайн своего веб-сайта таким образом, чтобы правильные категории навигации - Occasion и Project Type - находились рядом ([http://www.merrimentdesign.com][1]). Однако, когда я реализую таблицу, я не могу заставить их совмещатьсяправильно. Вот мой код:

Я воспользовался некоторыми вашими советами и разделил их в отличие от использования таблиц. Но теперь мне интересно, как их стилизовать так, чтобы они были рядомсторона. Новое с CSS, так что терпите меня.

<div id="right">
<table class="categories">
<tr>
<td>
<img class="categories" src="<?php bloginfo('url'); ?>/images/sidebar.gif" alt="Let The Merriment Begin..." title="Let The Merriment Begin..." /></td>
</tr>

<tr>
<td class="categorycontent">
<br />
<div id = "occasion">
<h1>Occasion</h1>
<ul>
<?php wp_list_categories('show_count=1&title_li=&child_of=537'); ?>
</ul>
</div>

<div id = "ptype">
<h1>Project Type</h1>
<ul>
<?php wp_list_categories('show_count=1&title_li=&child_of=538'); ?>
</ul>
</div>

Answer 1

поплавок: право;div с фиксированной шириной, float: left;элементы списка внутри?Я не могу точно сказать, о чем вы спрашиваете, но, посмотрев на ваш сайт, вы, похоже, хотите именно этого.

Answer 2

Что не так с тем, как это отображается сейчас? То есть какой результат вы хотели бы получить?

Если бы вы пошли без таблиц, что предлагали некоторые из комментаторов (и я тоже), вы бы решили эту проблему, используя div. Посмотрите, например, http://webdesign.about.com/od/css/a/aa102102a.htm, чтобы узнать больше о том, как это сделать. Или в Google "Tableless CSS", чтобы узнать больше.