
September 18th, 2003, 05:58 PM
|
|
|
|
Join Date: Apr 2007
Location: Ottawa, Ontario, Canada
Posts: 123
Time spent in forums: < 1 sec
Reputation Power: 3
|
|
|
button values and breaks
I think I have lost my mind.
I have made some buttons, with php, css and html.
They work great.
Now I am trying to optimize my site for all browsers and resolutions... and have issues with my wonderfull buttons.
Some of the words don't fit, and you end up not seeing all of them.
My solution is to make the button height bigger.. but the value of the button (say Rates & Reservations) is not wrapping.
So what do I do, to make the words on the buttons wrap, or put a little break inside of them?
here is a sample button:
php Code:
Original
- php Code |
|
|
|
<a href="rates.php"><input type="button" Value="RATES & RESERVATIONS" class="headerButton" onClick="window.location.href='rates.php'" align="middle"></a>
and here is my CSS code for it:
php Code:
Original
- php Code |
|
|
|
.headerButton { font-family: serif, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #99CC99; font-weight: bold; margin-top: 2px; margin-bottom: 2px; text-align: middle; background-color: #003300; width: 116px; height: 25px } .headerButton a:hover { background-color: #003300; border-color: #99CC99; border-style: inset; border-top-width: 1px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 1px; width: 116px; height: 25px } .headerButton a { background-color: #FFFFFF; border-color: #99CC99; border-style: inset; border-top-width: 2px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 2px; width: 116px; height: 25px }
Please help !!
Thanks
|