Hi Everyone,
I'm trying to get a list to display the way I want it to but am not having any luck. I want a horizontal <ul> but I want it have a fixed width and be on two lines.
I have 6 menu items that I want 3 on one line and 3 on the next. The total width of the menu should be 300px (100px per <li>) and have two "rows"
I'm attaching a jpg of kind of what I'm going for.
the code is simple and I want to keep it that way (no nested <ul>s if possible)
Code:
<ul id="newscats">
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Key Customers</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Key Prospects</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Key Markets</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Industry Trends</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Competition</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Company News</a></li>
</ul>
If anyone knows how to do this I would greatly appreciate any tips.
Thanks,
IanMaybe something like this? (<!-- m --><a class="postlink" href="http://bonrouge.com/br.php?page=ul-table">http://bonrouge.com/br.php?page=ul-table</a><!-- m -->)Maybe something exactly like that!
You are truly a master of wine!
I'm trying to get a list to display the way I want it to but am not having any luck. I want a horizontal <ul> but I want it have a fixed width and be on two lines.
I have 6 menu items that I want 3 on one line and 3 on the next. The total width of the menu should be 300px (100px per <li>) and have two "rows"
I'm attaching a jpg of kind of what I'm going for.
the code is simple and I want to keep it that way (no nested <ul>s if possible)
Code:
<ul id="newscats">
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Key Customers</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Key Prospects</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Key Markets</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Industry Trends</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Competition</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Company News</a></li>
</ul>
If anyone knows how to do this I would greatly appreciate any tips.
Thanks,
IanMaybe something like this? (<!-- m --><a class="postlink" href="http://bonrouge.com/br.php?page=ul-table">http://bonrouge.com/br.php?page=ul-table</a><!-- m -->)Maybe something exactly like that!
You are truly a master of wine!