WordPress.org

Ready to get started?Download WordPress

Forums

Styling positioning of language flags in header or menu ? (4 posts)

  1. Glvolunteers
    Member
    Posted 2 years ago #

    Hi,

    I'm making a website for someone and I"m currently trying to place the qtranslate language flags in the header or menu on the website.

    http://www.osa-tropical.com

    They appear in the upper left corner of the website, and I tried every css positioning code I know to move it! It doesn't work! I don't know what to do anymore it drives me nuts.

    So this is the code I placed in the header.php before the </head> tag...

    <?php wp_head(); ?>
        <div id="flaggenmast"> <!--flags placement -->
        <?php echo qtrans_generateLanguageSelectCode('image'); ?>
        </div>

    and then I placed this in the css:

    #flaggenmast ul {
       display:-moz-inline-box;
       height:12px;
       width: 84px;
       margin: 0;
       padding: 0;
       float: right;
       clear: right;
       list-style:none;
    }
    ul#qtrans_language_chooser {
       list-style: none;
       margin: 0;
       padding: 0;
       display: inline-block;
      }
    
    ul#qtrans_language_chooser li {
      display: inline-block;
      position: relative;
      margin: 0;
      padding: 0;
     }
    
    a.qtrans_flag {
    display: inline-block;
    margin-left: 10px;
    }

    I found these instructions on the net, it made total sense to me.. but doesn't work. The flags won't move to the right. I want them to show just above the menu or somewhere at least on the right hand side of the header - doesn't even matter if up top.

    Another option - would like them to appear in the menu - when I place the php code in the menu same thing happens - it shows on left hand side overlapping "home" and won't move to the right... argh!!

    Help please!!

  2. esmi
    Forum Moderator
    Posted 2 years ago #

    Try using Firefox with the Firebug add-on for this kind of CSS work.
    http://getfirebug.com/

  3. Glvolunteers
    Member
    Posted 2 years ago #

    Hi esmi,

    I am using the firefox tool already... i checked the css validation again, and found this:

    Parse Error }. #flaggenmast ul { display:-moz-inline-box; height:12px; width: 84px; margin: 0; padding: 0; float: right; clear: right; list-style:none; }

    So what do I do with that though? I'm sorry I am really new to this and have no idea what to fix? It tells me it's a parse error, but "what" is wrong??

    J

  4. beepbeepv2
    Member
    Posted 1 year ago #

    try this
    `#flaggenmast ul {
    display:-moz-inline-box;
    height:28px;
    width: 90px;
    margin: 0;
    padding: 0;
    float: left;
    clear: left;
    list-style:none;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic