|
|
Posted by Adrienne Boswell on 07/26/06 06:11
Gazing into my crystal ball I observed lovely_angel_for_you@yahoo.com
writing in news:1153891739.743658.190770@b28g2000cwb.googlegroups.com:
> Hi,
>
> I have following link. By visitng first in IE, and then in Firefox, you
> would get to know my issue.
>
> http://lovely.angel.for.you.googlepages.com/test.htm
> http://www.geocities.com/lovely_angel_for_you/test.htm
Have you validated the markup? <http://validatorw3.org>
>
> To explain in simple terms, the CSS code that I am using is not
> providing the colors to Table backgrounds.
>
> And assistance on that will be greatly appreciated.
>
> I am also sending the link, just in case the link doesnt work.
>
> Waiting for the assistance on the same.
>
> Best Wishes
> Lovely
>
> *****Code For CSS Starts*****
>
> BODY {background: #3787AF}
> .tablemain
> {
> background-color=#FFF4E6;
> FONT-SIZE: 11px;
> COLOR: #000000;
> FONT-FAMILY: Verdana;
> TEXT-ALIGN: center;
> }
> .tablecenter
> {
> background-color=#FFFFFF;
> FONT-SIZE: 11px;
> COLOR: #000000;
> FONT-FAMILY: Verdana;
> TEXT-ALIGN: center;
>
> }
> *****Code For CSS Ends*****
1. It is better to use percentages for font sizes. Font sizes expressed
in fixed units cannot be resized, so px, pt, etc., are not good choices.
Better yet, forget font size altogether, and use relative sizes for
headings and legalese, eg:
h1 {font-size:130%}
..legalese {font-size:80%}
2. Always include a generic fall back font for font-family, eg. verdana,
sans-serif. That way, users who do not have verdana should still get a
sans serif font.
>
> *****Code For HTML Starts*****
>
Normally, I would snip this malarky, but, I'm in a generous mood, so I'm
going to comment this fully.
><html>
>
><head>
><link href="test.css" rel="stylesheet" type="text/css">
>
><title>CSS Test Page</title>
></head>
>
><body>
>
><div align="center">
The align attribute for the div element is deprecated - use CSS instead.
> <center>
The center element is deprecated - use CSS instead.
> <table border="0" cellpadding="0" cellspacing="0" width="100%">
> <tr>
> <td width="100%" valign="top" align="center">
> <div align="center">
> <table border="0" cellpadding="0" cellspacing="0" width="750"
> class="tablemain">
Ah O - nesting tables, not a good idea. Tables should be used for
tabular data, not for positioning and presentation of elements.
<the rest is snipped>
I think you may be looking for a three column layout. Google for "css 3
column layout" (with or without the quotes), there are lots of methods.
--
Adrienne Boswell at Home
Arbpen Web Site Design Services
http://www.cavalcade-of-coding.info
Please respond to the group so others can share
[Back to original message]
|