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
Televisions
Calling Cards
Boat Donations
Baby Photo Contest
GPS Devices
Corporate Gifts
Best Price
Home Improvement
Condos For Sale
KVM Switch over IP
Build a Server Rack
Career Education
Computer Hardware
Hurricane Shutters

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


Requirements and Test Management kit
For effective test automation IBM Rational offers a team-based, test management solution set that includes requirements, test management and change management for streamlined test planning, test execution, and results analysis. In this kit you will find demos and articles on Rational requirements and test management tools and best practices. » Use Rational's Change and Release Management Solution in Your IDE
This demonstration illustrates how Rational® ClearCase®, ClearQuest® and Build Forge® can be used to help developers develop, build, and test their applications in the comfort of their IDE. » Using IBM Rational Tester for SOA Quality: Testing SOAP Secured Web Services
Learn how to test SOAP-secured Web services by using the IBM Rational Tester for SOA quality. » IBM Rational Testing Ekits
Access five complimentary kits for testers, developers and business domain experts. Each kit provides a collection of materials that can help you understand and use IBM Rational testing tools and best practices. »
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