Dreamweaver - CSS - <div>

Author

CSS - <div> - 2 columns?

MercuryLime

2005-10-31, 6:31 pm

Ok, I'm learning CSS, and I can't figure out how to group two (or more) <div>
tags in a row. When I make more, they always go above or below the other boxes,
no matter what the width is.

Example of what I'm trying to achieve:
http://www.patricks-website.com/forum_example.jpg - the news and links section.

How would that be arranged?

Thanks,
- Patrick

rilkesf

2005-10-31, 10:20 pm

Give the Links and News <div>s a property of 'float: left;' in your CSS. This will make them stack to the right as long as there is sufficient room.

Thierry | www.TJKDesign.com

2005-10-31, 10:22 pm

MercuryLime wrote:
> Ok, I'm learning CSS, and I can't figure out how to group two (or
> more) <div> tags in a row. When I make more, they always go above or
> below the other boxes, no matter what the width is.
>
> Example of what I'm trying to achieve:
> http://www.patricks-website.com/forum_example.jpg - the news and
> links section.
>
> How would that be arranged?

This may help you better understand how to "position" containers:
http://www.tjkdesign.com/articles/liquid.asp

--
Thierry | http://www.TJKDesign.com | CSS-P Templates + Articles:
CSS Popups, CSS 3 Column Layout, CSS Tabs, CSS Dropdown Menu,
TIP Method, Sliced Images, Clean Popup Windows, Easy Maintenance.....

Super Duper MMI

2005-10-31, 10:24 pm

MercuryLime wrote:
|| Ok, I'm learning CSS, and I can't figure out how to group two (or
|| more) <div> tags in a row. When I make more, they always go above or
|| below the other boxes, no matter what the width is.
||
|| Example of what I'm trying to achieve:
|| http://www.patricks-website.com/forum_example.jpg - the news and
|| links section.
||
|| How would that be arranged?
||
|| Thanks,
|| - Patrick

http://styles.movalog.com/generator/