Hi,
Below I have an unordered list that is displayed on the same
horizontal plane (thanks for the help yesterday). What I am wondering
now is I would like the contents of the DIV with class "tabs-
container" to be always displayed on the next line. Right now, it is
being displayed on the same line as the unordered list. I could apply
a <BRtag, I suppose, but I was hoping there is a more elegant, CSS
way to move the content to the next line.
Code is below.
<html>
<head>
<style type="text/css">
..tabs-nav {
list-style: none;
margin: 0;
padding: 0 0 0 4px;
}
..tabs-nav li {
float: left;
display: inline;
margin: 0 0 0 5px;
}
</style>
</head>
<body>
<ul class="tabs-nav">
<li class="" id="tab1"><a href="#remote-tab-6"><span><span
class="tabText">General</span<span id="moduleCount1"
class="tabModuleCount">(7)</span></span></a></li>
<li class="" id="tab6"><a href="#remote-tab-7"><span><span
class="tabText">Learning Management</span<span id="moduleCount6"
class="tabModuleCount">(2)</span></span></a></li>
<li class="" id="tab101"><a href="#remote-tab-8"><span><span
class="tabText">New Tab</span<span id="moduleCount101"
class="tabModuleCount">(0)</span></span></a></li>
<li class="" id="tab103"><a href="#remote-tab-9"><span><span
class="tabText">clicked</span<span id="moduleCount103"
class="tabModuleCount">(0)</span></span></a></li>
<li class="tabs-selected" id="tab105"><a href="#remote-
tab-10"><span><span class="tabText">New Tab</span<span
id="moduleCount105" class="tabModuleCount">(0)</span<img
class="closeTab" src="images/miniclose.GIF" alt="Close" border="0"></
span></a></li>
<li id="tab106"><a href="#remote-tab-11"><span>New Tab <span
id="moduleCount106" class="tabModuleCount">(0)</span></span></a></li>
</ul>
<div style="display: block;" class="tabs-container">
<table align="left">
<tbody><tr><td id="containerContent">
<div id="li0">
<div class="itemWrapper"><table align="center"><tbody><tr><td><img
src="images/busy.gif" alt="" align="middle" border="0"></td><td>
Loading ... </td></tr></tbody></table></div>
</div>
</td></tr>
</tbody></table>
</div>
</body>
</html>
Thanks, - Dave