|
|
|
| I want one <div> beside the next no space I want them to be like boxes lined
up like these equal signs
==============================
How do I do that with CSS, I read about something I thought was "inline" but
I don't know how to set it.
--
Totus possum, totum Deum.
Totus ero, totum meum.
WSW
| |
| frederick 2006-04-25, 7:03 pm |
| News wrote:
> I want one <div> beside the next no space I want them to be like boxes lined
> up like these equal signs
> ==============================
>
> How do I do that with CSS, I read about something I thought was "inline" but
> I don't know how to set it.
What you want is "float: left":
div {
float: left;
}
<div>One</div>
<div>Two</div>
<div>Three</div>
You'll see that this produces some like this:
OneTwoThree
--
AGw.
| |
|
| frederick wrote:
> News wrote:
>
> What you want is "float: left":
>
> div {
> float: left;
> }
>
> <div>One</div>
> <div>Two</div>
> <div>Three</div>
>
> You'll see that this produces some like this:
> OneTwoThree
Thanks that worked, for some reason I thought it had to do with inline.
Thanks again
--
Totus possum, totum Deum.
Totus ero, totum meum.
WSW
| |
| frederick 2006-04-25, 10:57 pm |
| News wrote:
> frederick wrote:
>
> Thanks that worked, for some reason I thought it had to do with inline.
No probs.
Make sure that you have a Google for the small no. of other possible
values for "float"; likewise look at "clear", which acts to cancel the
float for a subsequent block.
--
AGw.
| |
|
| frederick wrote:
> News wrote:
>
>
>
> No probs.
>
> Make sure that you have a Google for the small no. of other possible
> values for "float"; likewise look at "clear", which acts to cancel the
> float for a subsequent block.
If you're using floats with clears, you should also be aware of the IE
"peekaboo bug"
http://www.positioniseverything.net...r/peekaboo.html
|
|
|
|
| Copyright 2003 - 2008 forum4designers.com Software forum Computer Hardware reviews |