I'd like to avoid using table, but I'd like to setup something like the following.
3 column table taking up a 1/3 of the area
1st column will feature an image and a link
2nd column will have a list of items
3rd column will have a different list of items
I can't seem to wrap my head around the code that I'd need to that, because I have it sitting a section that has a header, a right & left section, and a footer. I'd like this to fit in the right section. See attached screenshot.Have you tried making the ULs display:inline? If the ULs are inline are their LIs still block? Have you put regular ULs in inline DIVs?Huh?
I'm not sure what you mean.This did what I THINK you're talking about.
<style type="text/css">
#head img, #head span { float: left; }
</style>
<div id="head">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"unknown" height="100px" width="100px">
<span>
<ul>
<li>this is</li>
<li>one set</li>
<li>of links</li>
</ul>
</span>
<span>
<ul>
<li>here is</li>
<li>another set</li>
<li>of links</li>
</ul>
</span>
</div>After I thought about more I figured it out. Thanks for your assistance. It helped a lot.
3 column table taking up a 1/3 of the area
1st column will feature an image and a link
2nd column will have a list of items
3rd column will have a different list of items
I can't seem to wrap my head around the code that I'd need to that, because I have it sitting a section that has a header, a right & left section, and a footer. I'd like this to fit in the right section. See attached screenshot.Have you tried making the ULs display:inline? If the ULs are inline are their LIs still block? Have you put regular ULs in inline DIVs?Huh?
I'm not sure what you mean.This did what I THINK you're talking about.
<style type="text/css">
#head img, #head span { float: left; }
</style>
<div id="head">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"unknown" height="100px" width="100px">
<span>
<ul>
<li>this is</li>
<li>one set</li>
<li>of links</li>
</ul>
</span>
<span>
<ul>
<li>here is</li>
<li>another set</li>
<li>of links</li>
</ul>
</span>
</div>After I thought about more I figured it out. Thanks for your assistance. It helped a lot.