HTMLGoodies
The ultimate html resource
Earthweb.com


About the Double-Underlined Links


Become a Partner




Search Clipart.com:



internet.commerce















HTML Goodies : HTML and Graphics Tutorials : Getting Started Tutorial: So, You Want Newspaper Columns, Huh?

HTML GOODIES TO GO NEWSLETTER


Other Related Newsletters

So, You Want Newspaper Columns, Huh?


By Joe Burns

Please note: These are Netscape-specific commands. This will not work on Explorer.


News Flash!
HTML Artist Uses Newspaper Columns -- Thousands Flee!

Joe Burns -- HTML Goodies                                                    


     Sorry for the theatrics, but this is a tutorial about newspaper columns, and hey, any time I get the chance to use the BLINK command --
I TAKE IT! Sorry Internet Explorer users. Blink doesn't work on your browser either. Man...this just isn't your kind of tutorial is it?

Dig This - Click to see the Newspaper columns
You have to have Netscape to see it!

     Now onto the matter at hand: How did I get those three nice columns? Table commands, right? No, I used a command that looks more like an afterthought than something the HTML know-it-alls created for everyday use.

     I used this command:

<MULTICOL>

     Some might say that all this can be done with table commands, and while that is true, it isn't as easy. To do this you simply surround a block of text with these commands:

<MULTICOL>
and
</MULTICOL>

...and you're off and running.
     There are three other subcommands that go along with this MULTICOL. They all go inside the first MULTICOL and effect everything in between.
Use:

COLS="#"

to denote how many columns your page will have. I happen to have chosen three. I was just feeling like a trio at the time.

Use:

GUTTER="#"

to denote the width, in pixels, between the columns of text. I happen to have chosen the number 25 for this lovely tutorial.

Use:

WIDTH="#"

to denote the overall width of all columns together.

     All the commands that manipulate text shape, like CENTER and ALIGN, will work inside the column. So if you center something, it will center inside the column, but you knew that.

     The reason I think this command is a bit of an afterthought is that there isn't a command that jumps you to the beginning of the next column to start a new story or heading. The commands simply take text and break it into columns. It's a nice look, plus it spaces it evenly. Table cells will do that, but it's a lot more coding. You could get the same effect using tables, but if this is all you want, and the page will be viewed on Netscape browsers, the MULTICOL command does a nice job.

     Oh, and in case you were wondering if there is a MULTIROW command -- yes. It's called "The Paragraph."

Enjoy!

Back to the HTML Goodies Home Page

Tools:
Add htmlgoodies.com to your favorites
Add htmlgoodies.com to your browser search box
IE 7 | Firefox 2.0 | Firefox 1.5.x
Receive news via our XML/RSS feed

IT Management Networking & Communications Web Development Hardware & Systems Software Development Earthwebnews.com

internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and JupiterOnlineMedia

Jupitermedia Corporate Info

Legal Notices, Licensing, Reprints, Permissions, Privacy Policy.
Advertise | Newsletters | Tech Jobs | Shopping | E-mail Offers

Whitepapers and eBooks

Intel Whitepaper: Comparing Two- and Four-Socket Platforms for Server Virtualization
IBM Solutions Brief: Go Green With IBM System xTM And Intel
HP eBook: Simplifying SQL Server Management
IBM Contest: Are You the Next Superstar? Join the "Search for the XML Superstar" Contest to Find Out
Microsoft PDF: Top 10 Reasons to Move to Server Virtualization with Hyper-V
Microsoft PDF: Six Reasons Why Microsoft's Hyper-V Will Overtake Vmware
Microsoft Step-by-Step Guide: Hyper-V and Failover Clustering
Intel PDF: Quad-Core Impacts More Than the Data Center
Intel PDF: Virtualization Delivers Data Center Efficiency
Go Parallel Article: PDC 2008 in Review
Microsoft PDF: Top 11 Reasons to Upgrade to Windows Server 2008
Avaya Article: Communication-Enabled Mashups: Empowering Both Business Owners and IT
Intel Whitepaper: Building a Real-World Model to Assess Virtualization Platforms
  PDF: Intel Centrino Duo Processor Technology with Intel Core2 Duo Processor
Microsoft Article: Build and Run Virtual Machines with Hyper-V Server 2008
Go Parallel Article: Q&A with a TBB Junkie
IBM Whitepaper: Innovative Collaboration to Advance Your Business
Internet.com eBook: Real Life Rails
IBM eBook: The Pros and Cons of Outsourcing
Internet.com eBook: Best Practices for Developing a Web Site
IBM CXO Whitepaper: The 2008 Global CEO Study "The Enterprise of the Future"
Avaya Article: Call Control XML in Action - A CCXML Auto Attendant
IBM CXO Whitepaper: Unlocking the DNA of the Adaptable Workforce--The Global Human Capital Study 2008
Adobe Acrobat Connect Pro: Web Conferencing and eLearning Whitepapers
HP eBook: Guide to Storage Networking
MORE WHITEPAPERS, EBOOKS, AND ARTICLES