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

laredotornado

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

May 15 '07 #1

Subscribe Reply

4547

Harlan Messinger

la***********@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; ?

May 15 '07 #2

Ben C

On 2007-05-15, la***********@z ipmail.com <la***********@ 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.

May 15 '07 #3

Ben C

On 2007-05-15, Harlan Messinger <hm************ *******@comcast .netwrote:

la***********@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.

May 15 '07 #4

Similar topics

3167

Replacing "/[^>][\n\r]+/" with "<br />\n"

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 />\n") but this does not seem to work. An example to better understand what I would like to achieve: first line

PHP

3783

Adding <br> automatically with "return" key ?

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 key in a text box in this script: http://mosaikum.org/sonst/pws.html It will add the <br> automatically to the Add Story function, but not the edit text function. I'm trying to get it to do it in the edit

Perl

31455

styling a <br class="spacer" />

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; margin-bottom: 20px;

HTML / CSS

7067

"<a name="top"> last word 3 browsers

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 does not.

HTML / CSS

2017

xsltransform replaces "<" with entities

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

.NET Framework

1959

is there any control for "<br>"?

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();

ASP.NET

2142

Replace(str, vbcrlf, "<br>")

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 text. Is there anything in the .net framework that can detect if a string contains html or if its just plain text?

ASP.NET

2247

DOMDocument thinks "<html></html>" has two childNodes?

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 $dom->childNodes->length; ?>

PHP

4556

fckeditor inserting double<br> with browser

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 fckeditor is creating a single <br>tag. <font size="3" color="#000000"><span bold="""""""" font-style="""""""" italic="""""""" color=""""""""><font size="4" color="#000080"> Maintenance & Reliability Professional Review Course<br /> But the browser...

HTML / CSS

10467

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...

C / C++

10244

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...

Online Marketing

10021

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...

General

9061

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...

Career Advice

7558

Access Europe - Using VBA to create a class based on a table - Wed 1 May

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 1 May 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 a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...

Microsoft Access / VBA

6802

Couldn’t get equations in html when convert word .docx file to html file in C#.

by: conductexam | last post by:

I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...

C# / C Sharp

5454

Trying to create a lan-to-lan vpn between two differents networks

by: TSSRALBI | last post by:

Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...

Networking - Hardware / Configuration

5582

Windows Forms - .Net 8.0

by: adsilva | last post by:

A Windows Forms form does not have the event Unload, like VB6. What one acts like?

Visual Basic .NET

3744

How to add payments to a PHP MySQL app.

by: muto222 | last post by:

How can i add a mobile payment intergratation into php mysql website.

PHP