Help fix code please

[3dcristywisty]

I am trying to get the menu centered in between the search box and the cart and cant figure out why its not working. Any suggestions would be appreciated.

Store: Welcome to Freckled Expressions - Custom Digital Greetings for All Occasions

<!--START: FRAME_MENU-->
              <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td style="background: url('assets/templates/[template]/images/dot1.gif') repeat-x;"><img src="assets/templates/common/images/spacer.gif" width="1" height="5"></td>
                </tr>
                <tr>
                  <td>
                  <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#ffffff" width="100%">
                    <tr>
                      <td width="17%" style="border-style: none; border-width: none">
                       <!--START: FRAME_SEARCH-->
                               <form name="searchForm" method="get" action="search.asp" style="margin: 0px; padding: 0px;">
 <input name="keyword" id="searchlight" type="text" class="txtBoxStyle" onFocus="javascript:if (document.searchForm.keyword.value=='search by keyword') {document.searchForm.keyword.value='';};" onBlur="if(this.value.length == 0) this.value = 'search by keyword'" value="search by keyword" size="35" style=" height: 23px;">
</td>
                      <td width="16%" style="border-style: none; border-width: none">
                      <input name="search" type="image" src="assets/templates/[template]/images/btn-search.gif">
                                  </form>
                          
                          <!--END: FRAME_SEARCH--> 
                      </td>
                      <td width="33%"  align="center"  nowrap style="border-style: none; border-width: none">
                      <!--START: menuitems_view-->
                        <!--START: TOP_LINK_FORMAT-->
<a href="infopage.asp?page=[link_id]" class="menu" target="[link_target]">[link_name]</a>  |  </td> <td class="font3" width="2"><img src="assets/templates/common/images/spacer.gif" width="2" height="38" hspace="15"> </td><!--END: TOP_LINK_FORMAT-->
                        <!--END: menuitems_view-->

                       <td width="17%" align="right" style="border-style: none; border-width: none">
                    <a href="view_cart.asp"><img src="assets/templates/[template]/images/bag.gif" width="130" height="34" border="0"></a></td>
                      <td width="17%" style="border-style: none; border-width: none">
                      <p align="right"class="cart-text">[ITEMSINCART] item(s) / Total: [SUBTOTAL]</td>
                    </tr>
                  </table>
                  </td>
                </tr>
                <tr>
                  <td style="background: url('assets/templates/[template]/images/dot1.gif') repeat-x;"><img src="assets/templates/common/images/spacer.gif" width="1" height="5"></td>
                </tr>
              </table>
              <!--END: FRAME_MENU-->

Thanks.

[molder101]

I looked at the page and it seems to be doing what you asked. Did you get it fixed?

It might be worth it to mention that I have a scrollbar on the x-axis and my resolution is 1280x1024... there shouldn't be one.

This is a decent looking site that is prime to be convert to a tableless design. You'd end up with a lot less hunk of code. Other than that I like the color scheme and site overall.

[3dcristywisty]

Thanks. I did get it to fix. I dont know why there is a scroll bar though --- I have it set to flex at 85% of screen width?

[molder101]

Usually that means there is an image or something making the table larger than you told it to be thus causing it to go outside of it's % size.

[piaf]

Thanks. I did get it to fix. I dont know why there is a scroll bar though --- I have it set to flex at 85% of screen width?

Those really wide graphics that you use on your home page and birthday page are pushing the screen width way out so it doesn't matter what percentage you use, the program won't reduce the graphic sizes. Manually reduce the width of those graphics to help control the width of your store.

Then make sure any other category or product graphics you use don't push the store any wider than the home page (once you figure out what the maximum width should be). You're really using some BIG graphics in the middle section of your store, even the product images are pretty big.

Here's some tools you can use to check your store size at various screen resolutions: Web Page Screen Resolution Simulator
or Screen-Resolution - Free online tool for webmasters or Web Page Resolution Test - Rebecca St. Martin

There's a lot of these kinds of sites out there that you can use to test the viewability of your site at various screen resolutions. Design your site so that it's viewable at the more common 1024 x 768 resolution WITHOUT having to scroll sideways. :)