Changing positions of flags in header

Discussion in 'CSS' started by toucan1, Dec 10, 2009.

  1. #1
    Hi am using a muli language site. i have flags on each page to select the language and I would like these to be alined in a row and on the right hand side of the page.

    I have them now on the left and in a list format.

    Is the code below correct to change the position and where should I place it?

    Cheers!

    #flag_move{
    position:absolute;
    margin-top:5px;
    margin-left:40px;
    z-index:7;
    }

    #flag_move li{
    display:inline;
    }
     
    toucan1, Dec 10, 2009 IP
  2. vinpkl

    vinpkl Active Member

    Messages:
    899
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    58
    #2
    without seeing the html how can somebody test and tell you if this wil work or not.

    also "absolute" positioning may give you some problem on diferent resolutions.

    vineet
     
    vinpkl, Dec 10, 2009 IP
  3. unigogo

    unigogo Peon

    Messages:
    286
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    #3
    #flag_move{
    position:relative;
    float:right;
    margin-top:5px;
    right:40px;
    z-index:7;
    }
     
    unigogo, Dec 11, 2009 IP
  4. toucan1

    toucan1 Peon

    Messages:
    5
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Sorry for being naïve, what html do you need to test if it works?
    <?php echo qtrans_generateLanguageSelectCode('both'); ?> in in my header file.

    The flags show up.

    The code from unigogo looks good, I put it in my style.css under the

    /*Basic classed and ids, used on pretty much every page*/

    but no change to the position... any ideas?
     
    toucan1, Dec 11, 2009 IP
  5. wounded1987

    wounded1987 Well-Known Member

    Messages:
    2,914
    Likes Received:
    60
    Best Answers:
    0
    Trophy Points:
    150
    #5
    #flag_move{
    float: right;
    margin-top:5px;
    margin-right:40px;
    z-index:7;
    display:inline;
    }

    #flag_move li{
    float: left;
    }

    let me know if this works.
     
    wounded1987, Dec 11, 2009 IP