I have a html code on my sight that is very large and ugly. The color (white) doesn't match at all. Is there a way to change the size and color of the following code without affecting the way it was designed to funtion? Just trying to get rid of a little ugly on my site. Thanks a lot, Reed <table width="255" border="2" cellpadding="5" BORDERCOLORDARK="#CC9966" BORDERCOLORLIGHT="#CC9966" CELLSPACING=0><tr><td bgcolor="#FFFFFF"> <div align="center"><a href="http://home.att.net/~azroadie2/InternetShopNetRing.html"><img src="http://www.ringsurf.com/pictures/ishopmall.gif" width="250" height="41" border="0" ALT="Internet Shopping Mall NetRing homepage"></a></div></td></tr><TR><td bgcolor="#EEEEEE"> <div align="center"><B><font size="2" face="Arial, Helvetica, sans-serif"><a href="http://www.ringsurf.com/netring?ring=ishopmall;id=226;action=prev"><< Previous</a> <a href="http://www.ringsurf.com/netring?ring=ishopmall;id=226;action=next"><font size="2" face="Arial, Helvetica, sans-serif">Next >></font></a></b><br><a href="http://www.ringsurf.com/netring?ring=ishopmall;action=rand">Random Site</a><br> <a href="http://www.ringsurf.com/netring?ring=ishopmall;action=list">List All Sites</a><br><a href="http://www.ringsurf.com/netring?ring=ishopmall;action=addform">Join the Ring</a></font><br><font size="1" face="Arial, Helvetica, sans-serif"><a href="http://www.ringsurf.com/">Powered by RingSurf</a></font></div></td></tr><tr bgcolor="#D8D8D8"><td colspan="2"><div align="center"><b><font face="Arial, Helvetica, sans-serif" size="3">Internet Shopping Mall NetRing</font></b></div></td></tr></table>
You could try something more like <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>New Page 1</title> <style type="text/css"> table.ring { border: solid 5px #CC9966; wdith: 255px; } td.ringheader { background-color: #FFFFFF; } td.ringcontents { background-color: #EEEEEE; text-align: center; } td.ringfooter { background-color: #D8D8D8; text-align: center; } </style> </head> <body> <table class="ring" cellpadding="5" cellspacing="0"> <tr> <td class="ringheader"> <a href="http://home.att.net/~azroadie2/InternetShopNetRing.html"><img src="http://www.ringsurf.com/pictures/ishopmall.gif" width="250" height="41" border="0" ALT="Internet Shopping Mall NetRing homepage"></a> </div> </td> </tr> <tr> <td class="ringcontents"> <b><a href="http://www.ringsurf.com/netring?ring=ishopmall;id=226;action=prev"><< Previous</a> <a href="http://www.ringsurf.com/netring?ring=ishopmall;id=226;action=next">Next >></a></b><br> <a href="http://www.ringsurf.com/netring?ring=ishopmall;action=rand">Random Site</a><br> <a href="http://www.ringsurf.com/netring?ring=ishopmall;action=list">List All Sites</a><br> <a href="http://www.ringsurf.com/netring?ring=ishopmall;action=addform">Join the Ring</a><br> <a href="http://www.ringsurf.com/">Powered by RingSurf</a> </td> </tr> <tr class="ringfooter"> <td colspan="2"> <b>Internet Shopping Mall NetRing</b> </td> </tr> </table> </body> </html> Code (markup): and then just change the color codes in the CSS. You can also apply the font to the table as well if needed.