Guest Posted October 31, 2005 Share Posted October 31, 2005 i have added a animated gif to the header of my store and in doing so have managed to disable the search box. cant type anything in it and the 'go' button doesnt work. the login and register buttons directly under it do work however. any help would be appreciated. below is the code from the index.tpl <!-- BEGIN: body --> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset={VAL_ISO}" /> <title>{META_TITLE}</title> <meta name="description" content="{META_DESC}" /> <meta name="keywords" content="{META_KEYWORDS}" /> <link href="skins/{VAL_SKIN}/styleSheets/layout.css" rel="stylesheet" type="text/css" /> <link href="skins/{VAL_SKIN}/styleSheets/style.css" rel="stylesheet" type="text/css" /> <script language="javascript" src="js/jslibrary.js" type="text/javascript"></script> </head> <body> <div id="pageSurround"> <div id="topHeader"> <div id="sessionBox"> <div style="padding: 15px 8px 15px 15px; margin: 0px;"> {SEARCH_FORM} {SESSION} </div> </div> <div style="position:relative;top:2px;left:400px;text-align:left;"> <image src="skins/{VAL_SKIN}/styleImages/backgrounds/banners/banner.gif" style="width:400px;height:96px;Align:right" alt=""> </div> </div> <div id="subSurround"> {CATEGORIES} <table border="0" cellspacing="0" width="100%" cellpadding="0"> <tr valign="top"> <td width="175"> {SHOPPING_CART} {INFORMATION} {CURRENCY} {LANGUAGE}</td> <td style="padding: 0px 5px 0px 5px;">{PAGE_CONTENT}</td> <td width="175"> {RANDOM_PROD} {POPULAR_PRODUCTS} {SALE_ITEMS} {MAIL_LIST} </td> </tr> </table> </div> {SITE_DOCS} </div> </body> </html> <!-- END: body --> Quote Link to comment Share on other sites More sharing options...
roban Posted October 31, 2005 Share Posted October 31, 2005 Try changing the height of your banner to 100% instead of 96px. That way it will use available space instead of encroaching on the search box. Worth a try. Quote Link to comment Share on other sites More sharing options...
Guest Posted October 31, 2005 Share Posted October 31, 2005 cheers for that. the banner was 400x96. the 100% didnt seem to work so i added a couple of px on the size of the banner in the code and it seems to like it now. cheers for the input though. Quote Link to comment Share on other sites More sharing options...
markscarts Posted October 31, 2005 Share Posted October 31, 2005 index.tpl looks OK to me . . . One thing I would do differently is remove the HTML attribute "Align" from the styles on the image. In CSS I'd suggest you use "text-align" or "float" which are meant for CSS. But this probably has nothing to do with your problem. It would be difficult to say any more without looking at the site. EDIT: Took too long to post; cheers to roban for finding the "bug" :sourcerer: Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.