We help IT Professionals succeed at work.

Check out our new AWS podcast with Certified Expert, Phil Phillips! Listen to "How to Execute a Seamless AWS Migration" on EE or on your favorite podcast platform. Listen Now

x

can't get text links to be vertically centered

TrueBlue
TrueBlue asked
on
Medium Priority
223 Views
Last Modified: 2012-05-11
Hi!
I can't seem to find the correct CSS rule to modify to make the text links on the bottom navigation bar of this page to be vertically centered on the bar. http://www.orlando-web-hosting.net/
Any specific code modifications would be greatly appreciated.
Comment
Watch Question

Top Expert 2011

Commented:
Give that UL that contains them some padding on top. That should push them down.

ul.bottommenu {
    background-color: #14C9C3;
    height: 30px;
    list-style-type: none;
    margin: 0;
    [b]padding: 5px 0 0 0;[/b]
    text-align: center;
    width: 960px;
}

Open in new window


Adjust that padding to meet your needs.
Top Expert 2011

Commented:
I tried to make that code BOLD so you would see the changed spot. Ignore those stupid and .
Top Expert 2011

Commented:
Man. This WYSIWYG kind of sucks. Ignore the weird syntax. It should be as follows:

ul.bottommenu {
    background-color: #14C9C3;
    height: 30px;
    list-style-type: none;
    margin: 0;
    padding: 5px 0 0 0;
    text-align: center;
    width: 960px;
}

Open in new window

Author

Commented:
jonahzona,
I used your padding change and changed the width:100%.
Any idea how to fix the length of the border lines between the text links on the bottom navigation bar?
They seem to be a little short.
Top Expert 2011

Commented:
If you want it to be better centered, change that top padding you added to 10px.

If you want those lines between each link to be the same height as that nav bar, you will need to do some extra css.

Is that what you are looking for?
Top Expert 2011
Commented:
Unlock this solution with a free trial preview.
(No credit card required)
Get Preview
Unlock the solution to this question.
Thanks for using Experts Exchange.

Please provide your email to receive a free trial preview!

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.