Link to home
Start Free TrialLog in
Avatar of gogetsome
gogetsomeFlag for United States of America

asked on

Align Text in middle of button

Hello, using the code below how can verticle-align:middle the text on the button? If I add padding-top:5px; in the
#Menu a, #Menu a:visited, #Menu a:active
it does align the text in the middle but adds 5px of another button at the bottom on the navigation...

Any help would be great!

#Menu ul
{
display:block;
margin-left: 0px;
list-style:none;
}

#Menu li
{
display:block;
width:175px;
height: 32px;

}
 
#Menu a, #Menu a:visited, #Menu a:active
{
display:block;
color:#fff;
height: 32px;
text-decoration:none;
background-Image: url(Images/menuUp.jpg);

}
 
#Menu a:hover
{
background-Image: url(Images/menuDwn.jpg);
color: #000
}
 
#Menu .active a,#Menu .active a:visited, #Menu .active a:active, #Menu .active a:hover
{
background-Image: url(Images/menuDwn.jpg;
color: #000;
}
ASKER CERTIFIED SOLUTION
Avatar of abel
abel
Flag of Netherlands image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of gogetsome

ASKER

Sorry, the site is not online and is asp.net with themes. The images the sizes in css. Here is the html:



Follow the code below to setup your button, you will notice the border colors are separately definable for the left, right, top and bottom, and so are the PADDING and the margins separately definable all 4 sides.  Add that code in, and adjust all the 4 siding parameters for border, margin and padding, until you get exactly what you want.  Follow my template, it works perfect on one of my sites --

button.scroll {color:#990099; font-family:Arial,helvetica,sans-serif; font-size:11px; font-weight:normal; margin:0px; padding:0px;  background-color:#F0F0F0; border:1px solid; border-top-color:#696; border-left-color:#696; border-right-color:#363;  border-bottom-color:#363; overflow:visible; }
and remember, you have to specify the BUTTON class="scroll" or whatever, to apply it to your button.