At ECommerce Partners, we are required to code in XHTML and add relevant comments in between the codes to adhere to good coding practice. When the website layout is complex and we want to code the web page in XHTML, then we do have to use floating div’s. Sometimes, all this might give rise to weird problems in Internet Explorer (IE) as seen in the following two screenshots:
When I started using div’s rather than table for web page layout, the most daunting experience for me was how to create columns using div’s. So, here is the solution for all those website developers who are struggling to use div’s for web page layout.
The <div> tag can be defined as the division in a web page. It is a block level element. This implies that the default behavior of div’s is to stack up one above the other. This serves the purpose of using div’s for a simple web page layout where all the elements stack one above the other. When we have a columnar web page layout (which happens to be the most common layout for majority of the websites), we need to know how to use div’s to create two or more columns in a web page. Continue reading How to Create Columns with Div’s?
At Ecommerce Partners.net, we (HTML Production Department) were producing html codes for websites using tables for layout. Ah, good old tables! Then about three months ago, XHTML was made the standard in our company. This implied all our websites are now coded using XHTML, no HTML at all.
Well, that’s no problem! All we need to do is:
1. add the right Document Type Definitions;
2. close all our tags including empty tags;
3. all tags should be in lowercase; and
4. all tags must be properly nested
We could handle this for sure. Continue reading Conversion from HTML to XHTML
Fonts make a big difference to the look and experience of the website. Usage of fonts requires sense of aesthetics and discretion.
We have the liberty to use any font we want in an image but when we specify the fonts for the text on a web page, we need to ensure that we use only “browser safe” fonts.
Browsers support TrueType fonts and all operating systems come with sets of standard TrueType fonts that have been preinstalled. These preinstalled TrueType fonts are what we can say are “browser safe” fonts.
My recommendation is to specify at least three fonts from the following list in the stylesheet. Out of the three fonts specified, make sure that at least one of them is available in Macintosh and one for Windows. Also, please remember that multi-word font names should be in quotes (example “Times New Roman”).
So, here is a list of fonts styled as per their respective font name. Continue reading Browser Safe Fonts