HighDots Forums  

How do I do this

Cascading Style Sheets Layout/presentation on the WWW (comp.infosystems.www.authoring.stylesheets)


Discuss How do I do this in the Cascading Style Sheets forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
News
 
Posts: n/a

Default How do I do this - 04-25-2006 , 05:00 PM






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



Reply With Quote
  #2  
Old   
frederick
 
Posts: n/a

Default Re: How do I do this - 04-25-2006 , 05:47 PM






News wrote:
Quote:
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.



Reply With Quote
  #3  
Old   
News
 
Posts: n/a

Default Re: How do I do this - 04-25-2006 , 06:21 PM



frederick wrote:
Quote:
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
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




Reply With Quote
  #4  
Old   
frederick
 
Posts: n/a

Default Re: How do I do this - 04-25-2006 , 06:32 PM



News wrote:
Quote:
frederick wrote:
What you want is "float: left" [...]

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.



Reply With Quote
  #5  
Old   
Tony
 
Posts: n/a

Default Re: How do I do this - 04-26-2006 , 12:36 PM



frederick wrote:
Quote:
News wrote:

frederick wrote:

What you want is "float: left" [...]

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.
If you're using floats with clears, you should also be aware of the IE
"peekaboo bug"

http://www.positioniseverything.net/.../peekaboo.html


Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.