HTML表重新设计

时间:2011-01-12 18:35:18

标签: html wordpress html-table

我正在重新设计我的网站,以便正确的导航类别-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>

2 个答案:

答案 0 :(得分:0)

现在如何显示有什么问题?也就是说,你想要的结果是什么?

如果你要无表情,一些评论者建议(我也这样做),你可以用div来解决这个问题。例如,请查看http://webdesign.about.com/od/css/a/aa102102a.htm以了解有关如何执行此操作的详细信息。或谷歌“无表格css”更多。

答案 1 :(得分:0)

浮动:右;具有固定宽度的div,float:left;列表元素在?我无法确切地说出你在问什么,但是通过查看你的网站,这似乎就是你想要做的。