Forum Moderators: open

Message Too Old, No Replies

Button displays oddly in Internet Explorer

okay in Firefox

         

myrrh

1:15 am on Oct 30, 2009 (gmt 0)

10+ Year Member



I have a button that displays correctly in Firefox but looks strange in IE 7. Hard to explain the defect, but the rounded corners look pixelated instead of nice and round.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<FORM METHOD="LINK" ACTION="http://www.example.com/about.html">
<INPUT TYPE="submit" VALUE="Click here to schedule a complimentary evaluation">
</FORM>

I looked on the Web for other examples to make a simple HTML button, but this was all I found.

Is there a way to fix this for IE or can someone suggest different button code?

myrrh

1:30 am on Oct 30, 2009 (gmt 0)

10+ Year Member



I did find the following here on WW but it does the same thing (bad display in IE).

<form action="http://www.example.com/page.html#HERE"><input type="submit" value="Jump to HERE"></form>

tutton

2:42 am on Oct 30, 2009 (gmt 0)

10+ Year Member



Design what you want your button to look like in a program like paint or photoshop then create a CSS style and assign the image to the background of the CSS style then use the CSS style on your button.

example:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.style1 {
background-image: url(buttonbackgroundimage);
height: 30px;
width: 60px;
}
-->
</style>
</head>
<body>

<form id="form1" name="form1" method="post" action="">
<label>
<input name="Submit" type="submit" class="style1" value="Submit" />
</label>
</form>
</body>
</html>

rocknbil

6:01 pm on Oct 31, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



^ ^ ^ That is what I would do - however if you have your current CSS just for this button (not the entire CSS), post it and someone here good at CSS might be able to help.