Home arrow HTML arrow Page 3 - Completing Temporary Web Page Processing
HTML

Completing Temporary Web Page Processing


This is the second and last part of my series on temporary web page processing. In this part of the series, I talk about the layout of the panel (Form). If the panel becomes large, with many elements, then you need to give its layout some consideration. Before I start that I will first talk about a second method of removing the Panel.

Author Info:
By: Chrysanthus Forcha
Rating: 5 stars5 stars5 stars5 stars5 stars / 1
April 22, 2009
TABLE OF CONTENTS:
  1. · Completing Temporary Web Page Processing
  2. · Panel Layout
  3. · Elements to Use in the Table Cells
  4. · Spaces Within the Cell

print this article
SEARCH DEVARTICLES

TOOLS YOU CAN USE

advertisement
Completing Temporary Web Page Processing - Elements to Use in the Table Cells
(Page 3 of 4 )

Normally, you should avoid using tables when it comes to layout, but this is the best I could do (using three DIV elements in the Form did not work for all browsers). Now that we have used a table to partition the Form, we have to be careful about the type of elements we use in the table cells. Avoid using block elements like H1 elements in the cells. If you use block elements, the result may not be what you want. Use only inline elements in the cells.

The IMG (image) element is an inline element, so you can use images.

If you want to end a line, use the <br /> element. If you need an extra line, use the <br /> element.

Use of SPAN elements

If you want to give a particular style to some text, use the SPAN element for the text. For example, if you want some text to appear bold, put the text in a SPAN element and then address the SPAN element with CSS. Remember SPAN elements are inline elements; so if you want to give a particular style to text in two lines, use two SPAN elements in the two lines.


blog comments powered by Disqus
HTML ARTICLES

- HTML5 Boilerplate: Working with jQuery and M...
- HTML5 Boilerplate Introduction
- New API Platform for HTML5
- BBC Adopts HTML 5, Mozilla Addresses Issues
- Advanced Sticky Footers in HTML and CSS
- HTML and CSS Sticky Footers
- Strategy Analytics Predicts HTML5 Phones to ...
- HTML5 Guidelines for Web Developers
- Learning HTML5 Game Programming
- More Engaging CSS3 and HTML Background Effec...
- Engaging HTML and CSS3 Background Effects
- More Web Columns with CSS3 and HTML
- Columns with CSS3 and HTML
- Creating Inline-Block HTML Elements with CSS
- Drag and Drop in HTML5: Parsing Local Files

Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Weekly Newsletter
 
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 
Support 



© 2003-2012 by Developer Shed. All rights reserved. DS Cluster 5 - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials