[mairving]

CSS most definitely is the way to go. To ensure browser compatibility (NS 4.7 mostly), you can't get real fancy. I mostly use CSS for fonts and link colors. Here is a sample CSS that I use fairly often:

PHP Code:

P { font-family: verdana, helvetica, arial, geneva, lucida, sans-serif; color:#000066; font-size:12px; text-indent:24px }

TD { font-family: verdana, helvetica, arial, geneva, lucida, sans-serif; color:#000000; font-size:12px }

H2 { font-family:verdana, helvetica, arial, geneva, lucida, sans-serif; color:#000000; font-size:24px }



H3 { font-family:verdana, helvetica, arial, geneva, lucida, sans-serif; color:#000000; font-size:20px }



H4 { font-family:verdana, helvetica, arial, geneva, lucida, sans-serif; color:#000000; font-size:15px }



H5 { font-family:verdana, helvetica, arial, geneva, lucida, sans-serif; color:#000000; font-size:13.4px }


H6 { font-family:verdana, helvetica, arial, geneva, lucida, sans-serif; color:#000000; font-size:12px }


UL, LI { font-family:verdana, helvetica, arial, geneva, lucida, sans-serif; color:#000000; font-size:12px }



A { font-weight:bold;
font-family:verdana, helvetica, arial, geneva, lucida, sans-serif }



A:link { color:#000066;
font-family:verdana, helvetica, arial, geneva, lucida, sans-serif}



A:visited { color:#000066;
font-family:verdana, helvetica, arial, geneva, lucida, sans-serif}



A:active { color:#000066;
font-family:verdana, helvetica, arial, geneva, lucida, sans-serif}



A:hover { text-decoration:underline; color:#990000;
font-family:verdana, helvetica, arial, geneva, lucida, sans-serif; }

.nav     {
    text-decoration:none;
    font-weight: 900;
    font-size : 10px;
    color:#000099;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    }
.nav:active {
    text-decoration:none;
    font-weight: 900;
    font-size : 10px;
    color:#000099;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    }
.nav:link {
    text-decoration:none;
    font-weight: 900;
    color:#000099;
    font-size: 10px;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    }
.nav:visited {
    text-decoration:none;
    font-weight: 900;
    color:#000099;
    font-size: 10px;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    }                 
.nav:hover {
    text-decoration:none;
    font-weight: 900;
    color:#990000;
    font-size : 10px;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
        }
        
.navwhite     {
    text-decoration:none;
    font-weight: 900;
    font-size : 10px;
    color:#FFFFFF;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    }
.navwhite:active {
    text-decoration:none;
    font-weight: 900;
    font-size : 10px;
    color:#FFFFFF;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    }
.navwhite:link {
    text-decoration:none;
    font-weight: 900;
    color:#FFFFFF;
    font-size: 10px;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    }
.navwhite:visited {
    text-decoration:none;
    font-weight: 900;
    color:#FFFFFF;
    font-size: 10px;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    }                 
.navwhite:hover {
    text-decoration:underline;
    font-weight: 900;
    color:#FFFFFF;
    font-size : 10px;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
        }
.navwhite12     {
    text-decoration:none;
    font-weight: 900;
    font-size : 12px;
    color:#FFFFFF;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    }
.navwhite12:active {
    text-decoration:none;
    font-weight: 900;
    font-size : 12px;
    color:#FFFFFF;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    }
.navwhite12:link {
    text-decoration:none;
    font-weight: 900;
    color:#FFFFFF;
    font-size: 12px;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    }
.navwhite12:visited {
    text-decoration:none;
    font-weight: 900;
    color:#FFFFFF;
    font-size: 12px;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    }                 
.navwhite12:hover {
    text-decoration:underline;
    font-weight: 900;
    color:#FFFFFF;
    font-size : 12px;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
        }    
.homeproduct     {
    text-decoration:none;
    font-weight: 900;
    font-size : 15px;
    color:#000099;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    }
.homeproduct:active {
    text-decoration:none;
    font-weight: 900;
    font-size : 15px;
    color:#000099;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    }
.homeproduct:link {
    text-decoration:none;
    font-weight: 900;
    color:#000099;
    font-size: 15px;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    }
.homeproduct:visited {
    text-decoration:none;
    font-weight: 900;
    color:#000099;
    font-size: 15px;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    }                 
.homeproduct:hover {
    text-decoration:underline;
    font-weight: 900;
    color:#000099;
    font-size : 15px;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
        }
.cartlink     {
    text-decoration:underline;
    font-weight: 900;
    font-size : 13.6px;
    color:#FF0000;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    }
.cartlink:active {
    text-decoration:underline;
    font-weight: 900;
    font-size : 13.6px;
    color:#FF0000;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    }
.cartlink:link {
    text-decoration:underline;
    font-weight: 900;
    color:#FF0000;
    font-size: 13.6px;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    }
.cartlink:visited {
    text-decoration:underline;
    font-weight: 900;
    color:#FF0000;
    font-size: 13.6px;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    }                 
.cartlink:hover {
    text-decoration:underline;
    font-weight: 900;
    color:#FF0000;
    font-size : 13.6px;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
        }    
P.opener:first-letter { font-size: 200%; color:#0000CC; font-weight:bold }
    


.small { font-family:verdana, helvetica, arial, geneva, lucida, sans-serif;  color:#000000; font-size:7.5pt}
.medium{ font-family:verdana, helvetica, arial, geneva, lucida, sans-serif; color:#000000; font-size:12px; font-weight:bold }
.big { font-family:verdana, helvetica, arial, geneva, lucida, sans-serif; color:#000000; font-size:15px; font-weight:bold }
.smallred { font-family:verdana, helvetica, arial, geneva, lucida, sans-serif; color:#990000; font-size:7.5pt}
.mediumred{ font-family:verdana, helvetica, arial, geneva, lucida, sans-serif; color:#990000; font-size:12px; font-weight:bold }
.bigred{ font-family:verdana, helvetica, arial, geneva, lucida, sans-serif; color:#990000; font-size:15px; font-weight:bold }
.smallblue { font-family:verdana, helvetica, arial, geneva, lucida, sans-serif; color:#000066; font-size:7.5pt}
.mediumblue{ font-family:verdana, helvetica, arial, geneva, lucida, sans-serif; color:#000066; font-size:12px; font-weight:bold }
.bigblue{ font-family:verdana, helvetica, arial, geneva, lucida, sans-serif; color:#000066; font-size:15px; font-weight:bold }
.smallwhite { font-family:verdana, helvetica, arial, geneva, lucida, sans-serif; color:#FFFFFF; font-size:7.5pt}
.mediumwhite { font-family:verdana, helvetica, arial, geneva, lucida, sans-serif; color:#FFFFFF; font-size:12px}
.bigwhite { font-family:verdana, helvetica, arial, geneva, lucida, sans-serif; color:#FFFFFF; font-size:15px}
td { font-family:verdana, helvetica, arial, geneva, lucida, sans-serif; font-size:12px }

Body {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
 }