473,322 Members | 1,431 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,322 software developers and data experts.

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><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

May 15 '07 #1
3 4507
la***********@zipmail.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; ?
May 15 '07 #2
On 2007-05-15, la***********@zipmail.com <la***********@zipmail.comwrote:
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.
May 15 '07 #3
On 2007-05-15, Harlan Messinger <hm*******************@comcast.netwrote:
la***********@zipmail.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.
May 15 '07 #4

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

3
by: ribchr00 | last post by:
Hi all, I would like to replace line breaks such '+' with '<br />'. Easy task. Problems start when I try to only replace lines that do not end with HTML tags. I tried preg_replace("/+/", "<br...
1
by: Jimbo | last post by:
Hello, I'm not a perl programmer but I can kind of hack my way through some simple scripts. What I am trying to do is get it so a line break <br> is automatically placed when I hit the return...
5
by: Richard Barnet | last post by:
I'm trying to style a line break, something like this: <br class="spacer" /> via CSS, but none of the following seems to have any effect. Any ideas? br.spacer { clear: both; height: 50px;...
6
by: Mason A. Clark | last post by:
LAST WORD(s): 1. MSIE6 and Firefox will go to the top of the page on command <a href="#top">go upsy</a> even if there is NO name="top" or id="top" They know what a "top" is :-) Opera...
4
by: | last post by:
Hello NG! Within a xsl-stylesheet I have an element <xsl:text><!]></xsl:text> If I use that stylesheet to transform some xml-data (to html) with .... pOut = New System.IO.StringWriter
2
by: Quentin Huo | last post by:
Hi, I am trying to dynamically create <asp:TextBox> controls in a page, like: Label lbl = new Label(); TextBox1 = new TextBox();
1
by: mmahon512 | last post by:
This works for some of my site. But I have some records that are already marked up as HTML so I am getting extra <br> tags when certain records are marked up with HTML and others are just straight...
1
by: yawnmoth | last post by:
I'm trying to mess around with PHP5's DOM functions and have run into something that confuses me: <?php $dom = new DOMDocument(); $dom->loadHTML('<html></html>'); echo...
1
by: nishac | last post by:
I am using fckeditor 2.3.The problem is that i use shift-enter between paragraphs.But when i see it in the browser I can see double space instead of single space. I noticed that the source of...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.