>The ButtonBg.gif is 1x15 pixels.
Did you mean 18x15 or do you have a background-repeat on input.subutton?
eg background-repeat : repeat-y;
Without seeing the code in action, I am guessing you may need to
increase the line-height
s
Scott Hill wrote:
I have an image that I am using as the background for submit buttons.
However, if I increase the size of the font it looks funny. Isn't
there a
way to make the background image stretch or fill the entire button?
Here is the html and css and I have attached a copy of the background
image
and what the submit input looks like.
input,select {
font-size: 18px;
}
input.subutton {
background-image: url(../images/ButtonBg.gif);
}
<input class="subutton" type="submit" name="submit" value="Login" />
The ButtonBg.gif is 1x15 pixels. If I set the font size to 11px it looks
fine. If you look at button.jpg the image only goes half way down.
How do
I get it to fill the entire button?
------------------------------------------------------------------------
_______________________________________________
UPHPU mailing list
[email protected]
http://uphpu.org/mailman/listinfo/uphpu
IRC: #uphpu on irc.freenode.net
------------------------------------------------------------------------
No virus found in this incoming message.
Checked by AVG Free Edition.
Version: 7.5.476 / Virus Database: 269.10.9/907 - Release Date: 18/07/2007 3:30 PM
_______________________________________________
UPHPU mailing list
[email protected]
http://uphpu.org/mailman/listinfo/uphpu
IRC: #uphpu on irc.freenode.net
