473,242 Members | 1,843 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,242 software developers and data experts.

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 38785
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 vo. O resto imperfeito.
- Renato Russo -
Now playing: Squeeze - Dr. Jazz
Jul 21 '05 #2
Mel
no you would do it like:

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

you can place as many as you like to fill your ONE row
"Els" <el*********@tiscali.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 vo. O resto imperfeito.
- Renato Russo -
Now playing: Squeeze - Dr. Jazz

Jul 21 '05 #3
Els
Mel wrote:
"Els" <el*********@tiscali.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:left;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 vo. 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*********@tiscali.nl> wrote in message
news:1i******************************@40tude.net.. .
Mel wrote:
"Els" <el*********@tiscali.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:left;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 vo. O resto imperfeito.
- Renato Russo -

Jul 21 '05 #5
in comp.infosystems.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*********@tiscali.nl> wrote in message
news:1i******************************@40tude.net.. .
Mel wrote:
"Els" <el*********@tiscali.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:left;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 vo. 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
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;...
5
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...
17
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...
39
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...
0
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...
4
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...
2
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...
5
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:...
2
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...
2
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 7 Feb 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:30 (7.30PM). In this month's session, the creator of the excellent VBE...
0
by: fareedcanada | last post by:
Hello I am trying to split number on their count. suppose i have 121314151617 (12cnt) then number should be split like 12,13,14,15,16,17 and if 11314151617 (11cnt) then should be split like...
0
by: stefan129 | last post by:
Hey forum members, I'm exploring options for SSL certificates for multiple domains. Has anyone had experience with multi-domain SSL certificates? Any recommendations on reliable providers or specific...
0
by: MeoLessi9 | last post by:
I have VirtualBox installed on Windows 11 and now I would like to install Kali on a virtual machine. However, on the official website, I see two options: "Installer images" and "Virtual machines"....
0
by: DolphinDB | last post by:
The formulas of 101 quantitative trading alphas used by WorldQuant were presented in the paper 101 Formulaic Alphas. However, some formulas are complex, leading to challenges in calculation. Take...
0
by: Aftab Ahmad | last post by:
So, I have written a code for a cmd called "Send WhatsApp Message" to open and send WhatsApp messaage. The code is given below. Dim IE As Object Set IE =...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...

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.