Centering Drop Down Menu Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
+2
Sir Chivas™
PorkyPine V10
6 posters

    Centering Drop Down Menu

    PorkyPine V10
    PorkyPine V10
    Forumember


    Male Posts : 387
    Reputation : 19
    Language : English, Spanish, French, Japanese

    Solved Centering Drop Down Menu

    Post by PorkyPine V10 June 21st 2012, 8:16 pm

    How do i center this?

    http://awesomescreenshot.com/0598mye64

    or at least make it look like this:

    http://awesomescreenshot.com/0d98mzje6


    Last edited by PorkyPine V10 on June 24th 2012, 2:15 am; edited 1 time in total
    Sir Chivas™
    Sir Chivas™
    Helper
    Helper


    Male Posts : 6980
    Reputation : 457
    Language : EN, FR, ES
    Location : || CSS || HTML || Graphics Designs || Support ||

    Solved Re: Centering Drop Down Menu

    Post by Sir Chivas™ June 21st 2012, 8:34 pm

    Hi, Hello

    Did you placed the code in the Homepage message?

    If so, try wrapping the whole code with the following;
    Code:
    <div align="center">
      The code of the drop down menu
    </div>
    PorkyPine V10
    PorkyPine V10
    Forumember


    Male Posts : 387
    Reputation : 19
    Language : English, Spanish, French, Japanese

    Solved Re: Centering Drop Down Menu

    Post by PorkyPine V10 June 21st 2012, 8:42 pm

    tried it, doesnt work
    LGforum
    LGforum
    Hyperactive


    Male Posts : 2265
    Reputation : 264
    Language : English
    Location : UK

    Solved Re: Centering Drop Down Menu

    Post by LGforum June 21st 2012, 9:33 pm

    Give a margin property of '0 auto' in the css.
    Giving auto margin on the left and right side means it is shared out equally, AKA centered.
    PorkyPine V10
    PorkyPine V10
    Forumember


    Male Posts : 387
    Reputation : 19
    Language : English, Spanish, French, Japanese

    Solved Re: Centering Drop Down Menu

    Post by PorkyPine V10 June 22nd 2012, 3:18 am

    LGforum wrote:Give a margin property of '0 auto' in the css.
    Giving auto margin on the left and right side means it is shared out equally, AKA centered.

    ok i dont really understand what you just said Laughing

    what should i add to the CSS?
    Dark_Code
    Dark_Code
    Forumember


    Male Posts : 91
    Reputation : 4
    Language : CSS
    Location : Modesto

    Solved Re: Centering Drop Down Menu

    Post by Dark_Code June 22nd 2012, 5:47 am

    Topic Locked because I helped him out on his website
    PorkyPine V10
    PorkyPine V10
    Forumember


    Male Posts : 387
    Reputation : 19
    Language : English, Spanish, French, Japanese

    Solved Re: Centering Drop Down Menu

    Post by PorkyPine V10 June 22nd 2012, 9:00 pm

    actually, i decided to get a new one, and i wanna center it
    PorkyPine V10
    PorkyPine V10
    Forumember


    Male Posts : 387
    Reputation : 19
    Language : English, Spanish, French, Japanese

    Solved Re: Centering Drop Down Menu

    Post by PorkyPine V10 June 24th 2012, 1:44 am

    i tried that, but it didnt center it
    c3vietk
    c3vietk
    Forumember


    Male Posts : 65
    Reputation : 41
    Language : Vietnamese, HTML, Javascript, C#, PHP
    Location : Vietnam, HCMc

    Solved Re: Centering Drop Down Menu

    Post by c3vietk June 24th 2012, 2:13 am

    add to CSS:
    Code:
    div.menu {text-align: center}
    .menu li {float:none;display: inline-block}
    PorkyPine V10
    PorkyPine V10
    Forumember


    Male Posts : 387
    Reputation : 19
    Language : English, Spanish, French, Japanese

    Solved Re: Centering Drop Down Menu

    Post by PorkyPine V10 June 24th 2012, 2:14 am

    c3vietk wrote:add to CSS:
    Code:
    div.menu {text-align: center}
    .menu li {float:none;display: inline-block}

    thanks Smile
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51497
    Reputation : 3523
    Language : English
    Location : United States

    Solved Re: Centering Drop Down Menu

    Post by SLGray June 24th 2012, 3:49 am

    Topic Solved & Locked



    Centering Drop Down Menu Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.