Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
How to design two column list or pargraphs in content section?
Old 09-29-2010, 05:30 AM How to design two column list or pargraphs in content section?
Junior Talker

Posts: 3
Name: Merissa
Trades: 0
I am not expert in website design but I like to do it I am learning day by day.
I am placing content on a website which have a very long list of content and it is looking very odd thats why I am thinking it to change it into two column so it looks good. can any tell me how we can do it using CSS and DIV.
meri0098 is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 09-29-2010, 06:02 AM Re: How to design two column list or pargraphs in content section?
edgray's Avatar
Super Moderator

Latest Blog Post:
Frantic
Posts: 4,264
Name: Sugarcane Gray
Location: Hell, Southern Spain
Trades: 0
Quote:
Originally Posted by meri0098 View Post
I am not expert in website design but I like to do it I am learning day by day.
I am placing content on a website which have a very long list of content and it is looking very odd thats why I am thinking it to change it into two column so it looks good. can any tell me how we can do it using CSS and DIV.
you need to use floats. I haven't got time to code it out for you but you'll need something like this:

Code:
#wrapper {
  margin: auto;
  width: 960px;
}

#left {
  width: 460px;
  float: left;
}

#right {
  width: 460px;
  float: right
}
Then the HTML:

HTML Code:
<div id="wrapper">
  <div id="left">
    left content
  </div>
  <div id="right">
    right content
  </div>
<div style="clear:both"></div> <!-- this "clears" the floats so you can have a footer underneath -->
</div> <!-- end of wrapper -->
Obviously there's more to it, you need to experiment with this. Good luck.
__________________

Please login or register to view this content. Registration is FREE
- a project in video and sound.

Please login or register to view this content. Registration is FREE
"Absolute Rubbish, an insult to the blues." - NME.

Please login or register to view this content. Registration is FREE
- Come use our agency :)
edgray is offline
Reply With Quote
View Public Profile Visit edgray's homepage!
 
Reply     « Reply to How to design two column list or pargraphs in content section?
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

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

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.83694 seconds with 12 queries