I'm redecorating this site to ensure that the best navigation groups -Occasion and Project Type - are alongside ([http://www.merrimentdesign.com]). However, after i implement the table, I can not appear to encourage them to align properly. Here's my code:
I have taken a number of your advice and div'd them up instead of using tables. However, I am wondering how you can style them to ensure that they're alongside. New with CSS so bare beside me. Thanks.
<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>
Wrong with how it's displayed now? That's, what's the result you want to have?
If you would go tableless, which a few of the commenters recommended (and that i do too), you'd solve this using divs rather. Take a look at for example http://webdesign.about.com/od/css/a/aa102102a.htm to explore how to achieve that. Or google "tableless css" for more.
float:right the div having a fixed width, float:left their email list elements within? I can not really tell what it's you're asking but from searching at the site, it appears that is what for you to do.