Style that functions as a "<BR>" tag?

Collapse
This topic is closed.
X
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • laredotornado@zipmail.com
    #1

    Style that functions as a "<BR>" tag?

    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><sp an
    class="tabText" >General</span<span id="moduleCount 1"
    class="tabModul eCount">(7)</span></span></a></li>
    <li class="" id="tab6"><a href="#remote-tab-7"><span><sp an
    class="tabText" >Learning Management</span<span id="moduleCount 6"
    class="tabModul eCount">(2)</span></span></a></li>
    <li class="" id="tab101"><a href="#remote-tab-8"><span><sp an
    class="tabText" >New Tab</span<span id="moduleCount 101"
    class="tabModul eCount">(0)</span></span></a></li>
    <li class="" id="tab103"><a href="#remote-tab-9"><span><sp an
    class="tabText" >clicked</span<span id="moduleCount 103"
    class="tabModul eCount">(0)</span></span></a></li>
    <li class="tabs-selected" id="tab105"><a href="#remote-
    tab-10"><span><sp an class="tabText" >New Tab</span<span
    id="moduleCount 105" class="tabModul eCount">(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="moduleCount 106" class="tabModul eCount">(0)</span></span></a></li>
    </ul>
    <div style="display: block;" class="tabs-container">
    <table align="left">
    <tbody><tr><t d id="containerCo ntent">
    <div id="li0">
    <div class="itemWrap per"><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

    Tags: None
    • Harlan Messinger
      #2
      Re: Style that functions as a &quot;&lt;BR&gt ;&quot; tag?

      laredotornado@z ipmail.com wrote:
      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.
      display: block; ?

        Comment

        • Ben C
          #3
          Re: Style that functions as a &quot;&lt;BR&gt ;&quot; tag?

          On 2007-05-15, laredotornado@z ipmail.com <laredotornado@ zipmail.comwrot e:
          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.
          Give it clear: left. I don't think <brwill help you actually, unless
          you make it <br clear="all"but that's a bit of an old-school way of
          doing things.

          <brputs in a line break, but doesn't clear floats.
          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;
          This display: inline means nothing-- setting float (to a value other
          than none) means you get display: block anyway.

            Comment

            • Ben C
              #4
              Re: Style that functions as a &quot;&lt;BR&gt ;&quot; tag?

              On 2007-05-15, Harlan Messinger <hmessinger.rem ovethis@comcast .netwrote:
              laredotornado@z ipmail.com wrote:
              >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.
              >
              display: block; ?
              I think it already was display: block. But its inline contents will go
              to the side of all those left floats the OP had.

                Comment

                Previous template Next
                Working...