Web Developer's Virtual Library: Encyclopedia of Web Design Tutorials, Articles and Discussions
 Discussion Forums
 HTML, XML, JavaScript...
 Software Reviews
 Editors,Others...
 Top100
 JavaScript Tutorials, ...
 Tutorials
 ASP, CSS, Databases...
 Discussion List
 FAQ, Roundup, Configure ...
 Authoring
 HTML, JavaScript, CSS...
 Design
 Layout, Navigation,...
 Graphics
 Tools, Colors, Images...
 Software
 Browsers, Editors, XML...
 Internet
 Domains, E-Commerce, ...
 WDVL Resources
  Intermdiate, Tutorials,...
 WDVL
 Discussion Lists, Top 100,...
 Technology Jobs


WDVL Newsletter

Active Server Pages
JSP/Java Servlets
Microsoft SQL Server
Daily Backup
Dedicated Servers
Streaming Audio/Video
24-hour Support    

jobs.webdeveloper.com

Hiermenus


e-commerce
Partner With Us
Calling Cards
Promotional Pens
Prepaid Phone Card
Auto Insurance Quote
Imprinted Gifts
Phone Cards
Promotional Products
Web Design
Promotional Items
PDA Phones & Cases
Computer Deals
KVM over IP
Televisions
Logo Design

Developer Channel
FlashKit.com
JavaScript.com
JavaScriptSource
Developer Jobs
ScriptSearch
StreamingMediaWorld
Web Developer's Journal
Web Developer's Virtual Library
WebDeveloper.com
Webreference
Web Hosts
XMLfiles.com

internet.com
IT
Developer
Internet News
Small Business
Personal Technology
International

Search internet.com
Advertise
Corporate Info
Newsletters
Tech Jobs
E-mail Offers


Just because Web sites are easy to build these days, that doesn't mean it's easy to build a quality Web site that meets your business objectives.

Before developing your next Web site, or redesigning an existing site, download this Internet.com eBook to guide you through the process and plan your project, whether you're developing a site in-house or outsourcing the project.
Register now for your free Internet.com membership to download your complimentary eBook. Membership will also give you access to:

eBook library         Whitepapers         Webcasts
Newsletters         WinDrivers
Top 10 Articles
  1. Web Developer's Virtual Library: Encyclopedia of Web Design Tutorials, Articles and Discussions
  2. JavaScript Tutorial for Programmers
  3. Design
  4. JavaScript Tutorial for Programmers - Objects
  5. JavaScript Tutorial for Programmers - JavaScript Grammar
  6. JavaScript Tutorial for Programmers - Versions of JavaScript
  7. Cascading Style Sheets
  8. JavaScript Tutorial for Programmers - Embedding JavaScript
  9. JavaScript Tutorial for Programmers - Functions
  10. Authoring JavaScript
Domain Name Lookup
Search to find the availability of a domain name. Just enter the complete domain name with extension (.com, .net, .edu)

Page Layout, Margins, Indenting, and Columns

The commonest type of question asked about web page design is "How can I indent text?" or "How can I make columns?" or "How can I make margins?". These are all layout issues, which HTML was not originally designed to address. However, some techniques are available to solve these problems.

HTML was originally designed as a 'markup' language to represent the logical structure of documents in terms of headings, lists, etc. Since some elements of HTML were commonly rendered with similar layouts, e.g. indenting of BLOCKQUOTE, these were pressed into use for layout solutions by web page designers. However the official HTML specifications do not demand these specific renderings, and although the most popular browsers might indeed implement the layout with indenting, this is not guaranteed to be true of all browsers.

Some browser manufacturers tried to solve the problem with proprietary tags but this doesn't improve the situation for web page designers who want their pages to be browser-independent. The first step to insuring browser independence is to validate your pages against a publically available HTML DTD such as those available at the W3C Validation Service. The second is to avoid reliance on structural HTML tags that happen to have specific layouts. The general situation is improving markedly with the advent of both HTML 4.0, and cascading style sheets.

HTML wasn't designed with desktop publishing requirements in mind, and so anything to get precise layout in standard HTML is going to be a kludge, and until HTML 4 is widely deployed you'll either have to kludge it or insist that your audience uses a browser that implements much of HTML 4 such as the latest release of Microsoft Internet Explorer. Style sheets, would probably be best if your audience uses the latest NS or MS or other style sheets browser. See for example, padding, borders, and margins.

I'll illustrate a few techniques here. You will probably want to experiment with them individually and with combinations of them.

  1. Hacks
  2. Tables
  3. Style Sheets

Page Layout: Hacks


Up to => Home / Authoring / Design




Jupiter Online Media: internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and Jupiter Online Media

Jupitermedia Corporate Info


Legal Notices, Licensing, Reprints, & Permissions, Privacy Policy.

Web Hosting | Newsletters | Tech Jobs | Shopping | E-mail Offers