LinuxQuestions.org
Download your favorite Linux distribution at LQ ISO.
Go Back   LinuxQuestions.org > Forums > Non-*NIX Forums > Programming
User Name
Password
Programming This forum is for all programming questions.
The question does not have to be directly related to Linux and any language is fair game.

Notices


Reply
  Search this Thread
Old 09-29-2008, 05:46 PM   #1
Chronothread
Member
 
Registered: Apr 2007
Posts: 121

Rep: Reputation: 15
CSS div layout


I'm new to CSS division layouts (new to CSS in general for that matter) and I don't know how to make the kind of set up I want. Since I don't know better terms how to describe it I'll use terms for an html table. I'm trying to make it so there's a cell at the top taking up the entire row. Then below this I want a cell on the left side that takes up two rows so I can two cells on the right side. In html then it's
Code:
<table>
<tr><td>"top cell"</td></tr>
<tr>
  <td rowspan="2">"left cell"</td>
  <td>"right cell top"</td>
</tr>
<tr><td>"right cell bottom"</td></tr>
</table>
And it would look like
Code:
 ________
|________|
|  |_____|
|__|_____|
You can neglect the sizes and what else not. I just would like to know how to get them positioned like this. Thank you much for your time.
 
Old 09-29-2008, 06:00 PM   #2
pixellany
LQ Veteran
 
Registered: Nov 2005
Location: Annapolis, MD
Distribution: Mint
Posts: 17,809

Rep: Reputation: 743Reputation: 743Reputation: 743Reputation: 743Reputation: 743Reputation: 743Reputation: 743
In your title, you implied that you want to use <div>s, which is what many web designers prefer over tables.

The trick is to use a smart editor like Bluefish and lay in the structures one at a time to see how they look.

To get started with the syntax and techniques, I strongly recommend this book:
http://www.amazon.com/Spring-Into-HT.../dp/0131855867

It will be at any good-sized bookstore, also.

Also, go look at my website---it is done with CSS, <div>s, etc. (see the source code (in Firefox) by right-clicking anywhere on the page.)
 
  


Reply


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 Off
HTML code is Off



Similar Threads
Thread Thread Starter Forum Replies Last Post
simplest way to center a <div> on the screen via css tanoatlq Programming 4 06-02-2008 02:50 AM
css/html wtf? extra space below div nkoplm Programming 1 06-27-2007 03:31 PM
Trying to create overlapping CSS div boxes. rose_bud4201 Programming 2 05-13-2007 02:27 PM
HTML/CSS/JS: Problem with <p> not having an absolute position with CSS. RHLinuxGUY Programming 7 03-03-2007 12:21 AM
CSS layout Ephracis Programming 7 04-03-2006 02:14 PM

LinuxQuestions.org > Forums > Non-*NIX Forums > Programming

All times are GMT -5. The time now is 05:04 AM.

Main Menu
Advertisement
My LQ
Write for LQ
LinuxQuestions.org is looking for people interested in writing Editorials, Articles, Reviews, and more. If you'd like to contribute content, let us know.
Main Menu
Syndicate
RSS1  Latest Threads
RSS1  LQ News
Twitter: @linuxquestions
Open Source Consulting | Domain Registration