Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS How do I center these Nav buttons?

  • This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #31350
    smithaa99
    Member

    http://www.parkarvidsonacupuncture.com/wordpress/index.php

    I’m trying to figure out the right CSS to center the text on the buttons.
    It’d be cool to center all of it in relation to the main container as well, but that’s secondary.

    Thanks much,
    Adam

    #64401
    smithaa99
    Member

    Basically what I’m trying to do is line up the text centered over the buttons like this:

    http://www.parkarvidsonacupuncture.com/ParkArvidson/TEST.html

    How would I go about that?

    #64376
    dhechler
    Member

    make your #main-nav width: 150px; then your text-align: center; will look correct.

    #64364
    smithaa99
    Member

    dhechler, you rock. Thanks for your help as well Christopher.

    #64246
    smithaa99
    Member

    Okay you’re gonna love me guys, now I need help vertically centering this text within the button. My client wants this to mirror the template to a T.

    http://www.parkarvidsonacupuncture.com/wordpress/#

    #64098
    TheDoc
    Member

    For vertical alignment, what you can do is take the height of the nav and apply that to the line-height as well.

    For example, if you nav button was 50px tall, you would apply line-height: 50px;

    #64064
    noahgelman
    Participant

    Ah yes, the classic line-height equal to button height. Works every time.

Viewing 7 posts - 1 through 7 (of 7 total)
  • The forum ‘CSS’ is closed to new topics and replies.