The buttons on my template get messed up when I make them links...it could be in the css. Code: <html> <head> <title>Blue</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style> .input { background-color:#2b84b1; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:10px; border:none; } body { font-family:Arial, Helvetica, sans-serif; color:#000000; background:url(images/background.jpg) repeat-x; background-color:#f2f2f2; font-size:10px; } .text { font-family:arial; color:#000000; font-size:12px; padding:0px 3px 0px; } img { border: 0 } a:visited {color: 000000; font-family: arial, helvetica, sans-serif; font-size: 11px; text-decoration: none } a:link {color: 000000; border: 0px; font-family: arial, helvetica, sans-serif; font-size: 11px; text-decoration: none } a:active {color: #000000; font-family: arial, helvetica, sans-serif; font-size: 11px; text-decoration: none } A:hover {color: #1199ff; font-family: arial, helvetica, sans-serif; font-size: 11px; text-decoration: none } </style> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table id="Table_01" width="680" height="601" align="center" border="0" cellpadding="0" cellspacing="0"> <tr> <td rowspan="26"> [img]images/index_01.gif[/img]</td> <td colspan="8" rowspan="15"> [img]images/banner.gif[/img]</td> <td colspan="11"> [img]images/index_03.gif[/img]</td> <td rowspan="26"> [img]images/index_04.gif[/img]</td> </tr> <tr> <td colspan="2" rowspan="2"> [img]images/index_05.gif[/img]</td> <td colspan="2"> [img]images/index_06.gif[/img]</td> <td colspan="7" rowspan="2"> [img]images/index_07.gif[/img]</td> </tr> <tr> <td colspan="2"> [img]images/index_08.gif[/img]</td> </tr> <tr> <td rowspan="12"> [img]images/index_09.gif[/img]</td> <td colspan="8" background="images/input.jpg" width="126" height="18"><input border="0" height="20" width="135" accept="text/plain" class="input"></td> <td colspan="2" rowspan="12"> [img]images/index_11.gif[/img]</td> </tr> <tr> <td colspan="8"> [img]images/index_12.gif[/img]</td> </tr> <tr> <td rowspan="2"> [img]images/index_13.gif[/img]</td> <td colspan="2"> [img]images/index_14.gif[/img]</td> <td colspan="5" rowspan="2"> [img]images/index_15.gif[/img]</td> </tr> <tr> <td colspan="2"> [img]images/index_16.gif[/img]</td> </tr> <tr> <td colspan="8" background="images/input.jpg" width="126" height="18"><input border="0" height="20" width="135" accept="text/plain" class="input"></td> </tr> <tr> <td colspan="8"> [img]images/index_18.gif[/img]</td> </tr> <tr> <td rowspan="6"> [img]images/index_19.gif[/img]</td> <td> [url="#"][img]images/index_20.gif[/img][/url]</td> <td colspan="6" rowspan="2"> [img]images/index_21.gif[/img]</td> </tr> <tr> <td> [img]images/index_22.gif[/img]</td> </tr> <tr> <td colspan="4"> [url="#"][img]images/index_23.gif[/img][/url]</td> <td colspan="3" rowspan="2"> [img]images/index_24.gif[/img]</td> </tr> <tr> <td colspan="4"> [img]images/index_25.gif[/img]</td> </tr> <tr> <td colspan="5"> [url="#"][img]images/index_26.gif[/img][/url]</td> <td colspan="2" rowspan="2"> [img]images/index_27.gif[/img]</td> </tr> <tr> <td colspan="5"> [img]images/index_28.gif[/img]</td> </tr> <tr> <td colspan="19"> [img]images/index_29.gif[/img]</td> </tr> <tr> <td colspan="3"> <a href="#"> [img]images/index_30.gif[/img] </a> </td> <td> <a href="#"> [img]images/index_31.gif[/img] </a> </td> <td> <a href="#"> [img]images/index_32.gif[/img] </a> </td> <td> <a href="#"> [img]images/index_33.gif[/img] </a> </td> <td> <a href="#"> [img]images/index_34.gif[/img] </a> </td> <td colspan="6"> <a href="#"> [img]images/index_35.gif[/img] </a> </td> <td colspan="6"> <a href="#"> [img]images/index_36.gif[/img] </a> </td> </tr> <tr> <td colspan="19"> [img]images/index_37.gif[/img]</td> </tr> <tr> <td colspan="2" rowspan="2"> [img]images/index_38.gif[/img]</td> <td colspan="14"> [img]images/index_39.gif[/img]</td> <td colspan="3"> [img]images/index_40.gif[/img]</td> </tr> <tr> <td colspan="17"> [img]images/index_41.gif[/img]</td> </tr> <tr> <td colspan="19"> [img]images/index_42.gif[/img]</td> </tr> <tr> <td rowspan="3"> [img]images/index_43.gif[/img]</td> <td colspan="17"> [img]images/index_44.gif[/img]</td> <td rowspan="3"> [img]images/index_45.gif[/img]</td> </tr> <tr> <td colspan="17"> [img]images/index_46.gif[/img]</td> </tr> <tr> <td colspan="17"> [img]images/index_47.gif[/img]</td> </tr> <tr> <td colspan="19"> [img]images/index_48.gif[/img]</td> </tr> <tr> <td colspan="19"> [url="http://www.muargle.com/news.php"][img]images/index_49.gif[/img][/url]</td> </tr> <tr> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> </tr> </table> </body> </html> Link to Image http://muargle.com/forums/index.php?act=At...pe=post&id=1604
is that the same html file gave you? i thought it may have a browser problem but i see it perfectly in ie as well as in fire fox
No I resliced the psd and started a new template off your coding. The problem I believe is the buttons being underlined when they are linked. Can you check my button links and my css?
Code: img { border: 0; } should be replaced with Code: img { border:none; } that would screw up image spacing