|
|
Posted by mscir on 06/25/05 05:49
Ron Brennan wrote:
<snip>
> Yes, <button type=button...> is valid. I'll try Mike's suggestion of
> experimenting with the various settings, but it seems that this shouldn't be
> necessary.
>
> Ron
Padding might be all that you need, maybe something like the code below.
Strangely I found that IE6 treats these buttons like buttons, that is
they graphically 'depress' (the text moves) when they are clicked. But
Firefox 1.0.3, Netscape 7.2, and Mozilla 1.7.5 don't show the clicking
graphic action, nothing happens when they are clicked!? They work fine
with borders in all 4 browsers. Do you see this also? I have no clue
about this behavior.
Mike
..localbutton {
font-size: 10pt;
padding: 5px 8px 7px 8px;
/* line-height: 22px; */
margin: 3px;
border: none;
}
<button type='button' class='localbutton'
id='raiseButton1'>MoveUp</button><br>
<button type='button' class='localbutton'
id='raiseButton2'>MoveRight</button><br>
<button type='button' class='localbutton'
id='raiseButton3'>MoveDown</button><br>
<button type='button' class='localbutton'
id='raiseButton4'>MoveLeft</button><br>
</body>
</html>
Navigation:
[Reply to this message]
|