Solved

remove border around form submit image

Posted on 2011-09-04
10
454 Views
Last Modified: 2012-06-27
not sure why but there is a border around the form submit button (which is an image) on my page. Any way to get rid of that?  I notice it in all browsers.  Also, in Chrome, I see the word Submit hovering over the image.  And in IE8 there appears to be a space showing up or some strange character.

Any idea how to fix it?
<style type=\'text/css\'>
.headertext_b {
color: #FFFFFF;
font-weight: bold;
font-style: italic;
font-size: 16px;
font-family: Arial, Tahoma, Verdana;
text-shadow: #002838 1px 1px;
}
table.header_bkg {
background: url(\'/images/logo.png\') no-repeat left top;
border-spacing:0;
padding: 0;
color: #FFFFFF;
}
.inputtext {
width: 128px;
height: 18px;
text-align: left;
margin: 0;
border: 0px;
background:#fff;
}
.formsubmit {
width: 46px;
height: 20px;
cursor:pointer;
margin: 0;
border: 0;
}
</style>

<table class=\'header_bkg\' cellpadding=\'0\' height=\'150\' cellspacing=\'0\' border=\'0\' width=\'960\' align=\'center\'>
<tbody>
<form name=\'loginform\' id=\'loginform\' action=\'wp-login.php\' method=\'post\'>
<input type=\'hidden\' name=\'testcookie\' value=\'1\' />
<input type=\'hidden\' name=\'page\' id=\'page\' value=\'enter\' />
<tr>
<td valign=\'top\' align=\'left\' width=\'621\' height=\'150\'>&nbsp;</td>
<td valign=\'top\' align=\'left\' width=\'130\' ><div style=\'padding-top:106px;\'><input type=\'text\' name=\'log\' id=\'user_login\' class=\'inputtext\' value=\'\' tabindex=\'0\' /></div></td>
<td valign=\'top\' align=\'left\' width=\'13\' >&nbsp;</td>
<td valign=\'top\' align=\'left\' width=\'130\' ><div style=\'padding-top:106px;\'><input type=\'password\' name=\'pwd\' id=\'user_pass\' class=\'inputtext\' value=\'\' tabindex=\'1\' /><br /><div style=\'padding-bottom:41px;\'><a href=\'http://membersmix.seozones.com/wp-login.php?action=lostpassword\' title=\'forgot your password? click here\'><img src=\'/images/spacer.gif\' border=\'0\' width=\'130\' height=\'16\'></a></div></div></td>
<td valign=\'top\' align=\'left\' width=\'8\' >&nbsp;</td>
<td valign=\'top\' align=\'left\' width=\'46\' ><div style=\'padding-top:106px;\'><input type=\'image\' src\'/images/submit.png\' alt\'\' title\'\' name=\'wp-submit\' id=\'1\' class=\'formsubmit\' /></div></td>
<td valign=\'top\' align=\'left\' width=\'12\' >&nbsp;</td>
</tr>
</form>
</tbody>
</table>

Open in new window

0
Comment
Question by:COwebmaster
  • 4
  • 2
  • 2
  • +2
10 Comments
 
LVL 51

Accepted Solution

by:
HainKurt earned 168 total points
Comment Utility
can you please submit fixed code, your code has lots of \ characters everywhere...
also put full path to images in your sample so we can see...
0
 
LVL 51

Assisted Solution

by:HainKurt
HainKurt earned 168 total points
Comment Utility
do you mean this button?
<style>
.formsubmit {
width: 46px;
height: 20px;
cursor:pointer;
margin: 0;
border: 0;
}
</style>

<div style='padding-top:106px;'>
<input type='image' src='http://membersmix.seozones.com/images/submit.png' alt='' title='' name='wp-submit' id='1' class='formsubmit' />
</div>

Open in new window

0
 
LVL 14

Assisted Solution

by:Giovanni Heward
Giovanni Heward earned 166 total points
Comment Utility
Start by modifying...

src\'/images/submit.png\'

to

src='/images/submit.png'

0
 
LVL 51

Expert Comment

by:HainKurt
Comment Utility
i dont see any issue with IE9
0
 
LVL 16

Assisted Solution

by:SSupreme
SSupreme earned 83 total points
Comment Utility
Based on this markup I didn't found any issues:
<style type='text/css'>
.headertext_b {
color: #FFFFFF;
font-weight: bold;
font-style: italic;
font-size: 16px;
font-family: Arial, Tahoma, Verdana;
text-shadow: #002838 1px 1px;
}
table.header_bkg {
background: url('/images/logo.png') no-repeat left top;
border-spacing:0;
padding: 0;
color: #FFFFFF;
}
.inputtext {
width: 128px;
height: 18px;
text-align: left;
margin: 0;
border: 0px;
background:#fff;
}
.formsubmit {
width: 46px;
height: 20px;
cursor:pointer;
margin: 0;
border: 0;
}
</style>

<table class='header_bkg' cellpadding='0' height='150' cellspacing='0' border='0' width='960' align='center'>
<tbody>
<form name='loginform' id='loginform' action='wp-login.php' method='post'>
<input type='hidden' name='testcookie' value='1' />
<input type='hidden' name='page' id='page' value='enter' />
<tr>
<td valign='top' align='left' width='621' height='150'>&nbsp;</td>
<td valign='top' align='left' width='130' ><div style='padding-top:106px;'><input type='text' name='log' id='user_login' class='inputtext' value='' tabindex='0' /></div></td>
<td valign='top' align='left' width='13' >&nbsp;</td>
<td valign='top' align='left' width='130' ><div style='padding-top:106px;'><input type='password' name='pwd' id='user_pass' class='inputtext' value='' tabindex='1' /><br /><div style='padding-bottom:41px;'><a href='http://membersmix.seozones.com/wp-login.php?action=lostpassword' title='forgot your password? click here'><img src='/images/spacer.gif' border='0' width='130' height='16'></a></div></div></td>
<td valign='top' align='left' width='8' >&nbsp;</td>
<td valign='top' align='left' width='46' ><div style='padding-top:106px;'><input type='image' src='/images/submit.png' alt'' title'' name='wp-submit' id='1' class='formsubmit' /></div></td>
<td valign='top' align='left' width='12' >&nbsp;</td>
</tr>
</form>
</tbody>
</table>

Open in new window

example
0
How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

 

Author Comment

by:COwebmaster
Comment Utility
that code is in a functions.php page which is the ' are escaped
0
 
LVL 14

Assisted Solution

by:Giovanni Heward
Giovanni Heward earned 166 total points
Comment Utility
In that case...

Change... src\'/images/submit.png\'

to

src=\'/images/submit.png\'
0
 
LVL 51

Expert Comment

by:HainKurt
Comment Utility
or better, submit the result html code not php code...
0
 
LVL 15

Assisted Solution

by:Jagadishwor Dulal
Jagadishwor Dulal earned 83 total points
Comment Utility
Try using
.formsubmit {
width: 46px;
height: 20px;
cursor:pointer;
margin: 0;
border: none;
}

Open in new window

0
 

Author Closing Comment

by:COwebmaster
Comment Utility
thanks!
0

Featured Post

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
DNS, website, godaddy 6 40
spacing 5 24
svg images disappeared after editing 7 16
(URGENT) Help HTML and CSS Resizing Images 2 19
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
"In order to have an organized way for empathy mapping, we rely on a psychological model and trying to model it in a simple way, so we will split the board to three section for each persona and a scenario and try to see what those personas would Do,…
This tutorial walks through the best practices in adding a local business to Google Maps including how to properly search for duplicates, marker placement, and inputing business details. Login to your Google Account, then search for "Google Mapmaker…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

772 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

9 Experts available now in Live!

Get 1:1 Help Now