• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 214
  • Last Modified:

can't get text links to be vertically centered

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.
0
TrueBlue
Asked:
TrueBlue
  • 5
1 Solution
 
jonahzonaCommented:
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.
0
 
jonahzonaCommented:
I tried to make that code BOLD so you would see the changed spot. Ignore those stupid and .
0
 
jonahzonaCommented:
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

0
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
TrueBlueAuthor 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.
0
 
jonahzonaCommented:
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?
0
 
jonahzonaCommented:
Are you looking to get the same feel as the top nav bar?

If you are, simply apply the same CSS styling as the top bar, but change the width of the li's to match what you need the width to be. Should be pretty easy.
0

Featured Post

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

  • 5
Tackle projects and never again get stuck behind a technical roadblock.
Join Now