OK,
this works
< a href=http://www.webdeveloper.com/forum/archive/index.php/"#" class="mybutton">press</a>
and having a stylesheet defined with A.button:hover to change the bacjground image when hovering etc.
A.button:hover {
font-weight: bold;
font-size: 9px;
font-family: 'Lucida Grande' Geneva, Verdana, Arial, Helvetica, sans-serif;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 3px;
background-image:URL(buttonhover.gif);
background-position: middle;
background-repeat: no-repeat;
background-color: #edf3fe;
text-decoration: none;
color: red;
background-position: center;
border-width: 0px;
background-color: #edf3fe;
text-align: center;
text-transform: uppercase;
}
But,
can i have the same functionality with form buttons and CSS.
What i mean is i have a button defined within form elements and i want the hoover style defined in my stylesheet
(* i know i can do it with preloaded images if i need to *)
Thanks jitseIn browsers released after year 2000, you may be able to give the form buttons the :hover psuedo state. Internet explorer (all versions) can only apply the :hover psuedo state to the link tag, so this method won't work in Internet Explorer (90% of the users).
You may be able to use JavaScript for this. If you want to go the JavaScript route, post this question in the JavaScript forum.
this works
< a href=http://www.webdeveloper.com/forum/archive/index.php/"#" class="mybutton">press</a>
and having a stylesheet defined with A.button:hover to change the bacjground image when hovering etc.
A.button:hover {
font-weight: bold;
font-size: 9px;
font-family: 'Lucida Grande' Geneva, Verdana, Arial, Helvetica, sans-serif;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 3px;
background-image:URL(buttonhover.gif);
background-position: middle;
background-repeat: no-repeat;
background-color: #edf3fe;
text-decoration: none;
color: red;
background-position: center;
border-width: 0px;
background-color: #edf3fe;
text-align: center;
text-transform: uppercase;
}
But,
can i have the same functionality with form buttons and CSS.
What i mean is i have a button defined within form elements and i want the hoover style defined in my stylesheet
(* i know i can do it with preloaded images if i need to *)
Thanks jitseIn browsers released after year 2000, you may be able to give the form buttons the :hover psuedo state. Internet explorer (all versions) can only apply the :hover psuedo state to the link tag, so this method won't work in Internet Explorer (90% of the users).
You may be able to use JavaScript for this. If you want to go the JavaScript route, post this question in the JavaScript forum.