Border around my button

mstory

Hello all. I've got a problem with a border around a few buttons. I've have several buttons on the site and I've made them with a fine pinline border in the graphic itself except my submit button and a couple of others have what looks like an extra styled border as well which is making those buttons look like crap. Here's an example of the goods.

Webpage with "sign in" button with extra ungly border:

https://www416.ssldomain.com/bigdaddymedia/curbstore/index.php?main_page=login&zenid=e51662848aee3ebeda18c45572dca304

Example of good buttons with no extra styled border: (notice the "add to cart" button with the extra border as compared to the top buttons)

http://www.bigdaddymedia.com/curbstore/index.php?main_page=product_info&cPath=1&products_id=8

Since I'm making a new ZenCart store for a client, I've tweaked the style sheet of coarse and modified a few templates. I just can't seem to find out where or how to adjust how my "add to cart" and "sign in" buttons have borders around them.

My relavant styles in my global stylesheet are as follows:

INPUT, SELECT, TEXTAREA, RADIO, CHECKBOX {
font-size: 11px;
border: 1px solid #666666;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
text-indent: 4px;
}

Example code that calls the "sign in" button in my "tpl_login_default.php" file:

<?php echo zen_image_submit(BUTTON_IMAGE_LOGIN, BUTTON_LOGIN_ALT); ?>

So I could use some help in finding exactly where to make the change. It looks like just the "add to cart" and "sign in" buttons are being defined with a border style or something but I don't figure.

Thanks in advance and I'm glad I found this forum.

-mstory

Rodney_H_

I think the problem is CSS: You are defining your input with a solid 1px border, even your input type="image" falls into this. SO, just add a new class, no_border, and define your image button with this class:

<style type="text/css">
INPUT, SELECT, TEXTAREA, RADIO, CHECKBOX {
	font-size: 11px;
	border: 1px solid #666666;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	text-indent: 4px;
}
/* class for no border around image button */
.no_border { border: 0px; }
</style>


<input class="no_border"  type="image" src="includes/templates/template_default/buttons/english/button_login.gif" alt="Sign In" title=" Sign In "  />

I think that is all you need to do...