473,594 Members | 2,756 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

side by side divs without a break...

Mel
i need to have as many as 5 divs side by side on the same line without a
break. if browser displays a horizontal scrollbar, its ok with my users and
they can resize it.

something like the following:

X X X X X

where each 'X' is a div with my stuff inside them and i dont want it to look
like

X X X
X

or something like that

thanks for your help
Jul 21 '05 #1
6 38808
Els
Mel wrote:
i need to have as many as 5 divs side by side on the same line without a
break. if browser displays a horizontal scrollbar, its ok with my users and
they can resize it.

something like the following:

X X X X X

where each 'X' is a div with my stuff inside them and i dont want it to look
like

X X X
X

or something like that


Wrap them in a div with a fixed width that holds all 5 inner divs.

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Now playing: Squeeze - Dr. Jazz
Jul 21 '05 #2
Mel
no you would do it like:

<div style=float:lef t;clear:right>
.....
</div>

you can place as many as you like to fill your ONE row
"Els" <el*********@ti scali.nl> wrote in message
news:16******** *************** ****@40tude.net ...
Mel wrote:
i need to have as many as 5 divs side by side on the same line without a
break. if browser displays a horizontal scrollbar, its ok with my users and they can resize it.

something like the following:

X X X X X

where each 'X' is a div with my stuff inside them and i dont want it to look like

X X X
X

or something like that


Wrap them in a div with a fixed width that holds all 5 inner divs.

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Now playing: Squeeze - Dr. Jazz

Jul 21 '05 #3
Els
Mel wrote:
"Els" <el*********@ti scali.nl> wrote in message
news:16******** *************** ****@40tude.net ...
Mel wrote:
i need to have as many as 5 divs side by side on the same line without a
break. if browser displays a horizontal scrollbar, its ok with my users
and they can resize it.

something like the following:

X X X X X

where each 'X' is a div with my stuff inside them and i dont want it to
look like

X X X
X

or something like that


Wrap them in a div with a fixed width that holds all 5 inner divs.

no you would do it like:

<div style=float:lef t;clear:right>
....
</div>

you can place as many as you like to fill your ONE row


Hang on - you are asking how to put 5 divs in a row without wrapping
to a next line, I give you a solution, and then you tell me it's not
correct? Why did you ask, and have you tried your own solution?

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Jul 21 '05 #4
Mel
sorry, i did not know then, but out of desparation i tried many things and
one that i mentioned worked.

no offence, i truley appreciate your help. it did take me a while and many
tries.
"Els" <el*********@ti scali.nl> wrote in message
news:1i******** *************** *******@40tude. net...
Mel wrote:
"Els" <el*********@ti scali.nl> wrote in message
news:16******** *************** ****@40tude.net ...
Mel wrote:

i need to have as many as 5 divs side by side on the same line without a break. if browser displays a horizontal scrollbar, its ok with my users and they can resize it.

something like the following:

X X X X X

where each 'X' is a div with my stuff inside them and i dont want it to look like

X X X
X

or something like that

Wrap them in a div with a fixed width that holds all 5 inner divs.

no you would do it like:

<div style=float:lef t;clear:right>
....
</div>

you can place as many as you like to fill your ONE row


Hang on - you are asking how to put 5 divs in a row without wrapping
to a next line, I give you a solution, and then you tell me it's not
correct? Why did you ask, and have you tried your own solution?

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

Jul 21 '05 #5
in comp.infosystem s.www.authoring.stylesheets, Mel wrote:
sorry, i did not know then, but out of desparation i tried many things and
one that i mentioned worked.
But obviously you didn't think that there is other possibilities to do
same thing. And it is interesting, as your "solution" don't do what you
asked, and Els' solution does.
no offence, i truley appreciate your help. it did take me a while and many
tries.


I don't appreciate your top posting, lack of capitals and snipping, so
you never get any help from me.
http://oakroadsystems.com/genl/unice.htm

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
Utrecht, NL.
Support me, buy Opera:
https://secure.bmtmicro.com/opera/bu...tml?AID=882173
Jul 21 '05 #6
Els
Mel wrote:
"Els" <el*********@ti scali.nl> wrote in message
news:1i******** *************** *******@40tude. net...
Mel wrote:
"Els" <el*********@ti scali.nl> wrote in message
news:16******** *************** ****@40tude.net ...
Mel wrote:

> i need to have as many as 5 divs side by side on the same line
> without a break. if browser displays a horizontal scrollbar,
> its ok with my users and they can resize it.

Wrap them in a div with a fixed width that holds all 5 inner divs.

no you would do it like:

<div style=float:lef t;clear:right>
....
</div>

you can place as many as you like to fill your ONE row
sorry, i did not know then, but out of desparation i tried many things and
one that i mentioned worked.
Then I guess you didn't explain yourself enough. Weren't you asking
for divs in a row that should not wrap to the next line? If you now
make your window narrower, you're saying the row doesn't wrap the divs
and a horizontal scrollbar appears? I doubt that.
no offence, i truley appreciate your help. it did take me a while and many
tries.


No problem.

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Jul 21 '05 #7

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

Similar topics

4
10217
by: Aaron | last post by:
I have the following divs: <div style="background-image: url(images/house_01.jpg); width: 249px; height: 346px;"></div> <div style="background-image: url(images/house_02.jpg); width: 251px; height: 346px;"></div> Since by default, the display property is set to block, they show up on different lines. Since each div contains half of a complete background image, I need then to show up side-by-side. The thing is, when I set the
5
8383
by: squidco | last post by:
I've been trying to wean myself off of tables. I've been reading about the float property, and have implemented a couple of sites using divs instead of tables, and generally I'm happy with the results. Still, I'm having problems constructing a generalized approach to laying divs side by side without being very specific about the width of each div. The code below makes 3-columns of content, but unfortunately if the visitor resizes the...
17
1377
by: middletree | last post by:
I have a very tough issue I'm looking for help on re: javascript/css. I see that MS has groups with HDTML in the title, but there are quite a few of them, and they don't seem to get updated very often. At least not compared to this ASP group. Anyone know which one I am likely to get some help on?
39
3597
by: WindAndWaves | last post by:
Hi Gurus I have a page, which looks a bit like this: .... <body> <div ID=id1>................</DIV> <div ID=gsd>................</DIV> <div ID=ewd>................</DIV> <div ID=fac>................</DIV>
0
3220
by: ZMan | last post by:
Scenario: This is about debugging server side scripts that make calls to middle-tier business DLLs. The server side scripts are legacy ASP 3.0 pages, and the DLLs are managed DLLs converted/developed with VB.NET. What I want from debugging is to be able to step into the methods in the DLLs called from ASP scripts using Visual Studio .NET. Background: For typical script debugging issues, you can read and follow the two documents on...
4
5683
by: Rick Brandt | last post by:
Sorry, I don't have a sample web page, but hopefully the crude illustration below will suffice. Given that the space within the dashed upper and lower lines is a div across the entire width of the page and that the areas are spans that sit on the left side of that div, is there a simple CSS way to make the "additional span" be justified to the right side of the containing div? I have been experimenting with different strategies and...
2
4232
by: Wes Groleau | last post by:
I have a huge pile of open-source PHP, far too big for me to wrestle it into submission. It generates nested tables MANY layers deep. What I am trying to do is extract several small pieces from it and put each of those in a box (in a new file) and arrange those boxes my way. The layout I want is (you'll need fixed width font): +-----+-----+-----+-----+
5
4466
by: Mike P | last post by:
How would I show or hide a div that is using client side Javascript based upon a server side variable? Here are my divs : <div id="idButton5" class="otherLeftBarLink" onmouseover="javascript: changeStylesMouseOver('5');" onmouseout="javascript: changeStylesMouseOut('5');" onclick="location='/AddProject.aspx'"> <div class="leftBarLinkText"> Add Project
2
4815
by: jeddiki | last post by:
How do I get these 2 divs to be side by side ? I have been trying to apply the float logic to a couple of divs on the same screen, but without success. There is a main div that holds two sub-divs The LHS sub-div ( class= listerTop) is a listing and the RHS sub-div i( class=ad_big_box ) is a set of images.
0
7946
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
8372
jinu1996
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...
0
8234
tracyyun
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...
0
6654
agi2029
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...
0
5408
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();...
0
3859
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...
0
3897
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
2385
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
1
1478
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.

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.