Elemte richtig anordnen

  • Hey leute, ich muss für mein Praktikum auf unserer Wordpress Seite Sprachbuttons einbauen. Gesagt getan. Jetzt hab ich die 2 Links in die Header Php rein gemacht. Und sie sind auch rechts von der Seite nur nicht weit genug und auch viel zu Tief (fast in der Navi leiste)


    Kann mir jemand sagen wie ich das anstelle? Hier mal der Code von der header.php




    Und so sieht es auf der Page aus.


  • Hmm weiß ich net kenn mich net so aus.


    Den part hier hab ich im netz gefunden und eingefügt (bzw ein teil davon also das grundgerüst, nach rechts setzen war ich)


    <!-- Customize function -->
    <div style="float:right;">
    <?php
    global $q_config;
    if(is_404()) $url = get_option('home'); else $url = '';
    echo '<ul id="headerMenuSystem">';


    foreach(qtrans_getSortedLanguages() as $language)
    {
    $link = qtrans_convertURL('', $language);


    if($_SERVER["HTTPS"] == "on")
    $link = preg_replace('#^http://#','https://', $link);


    echo '<a href="'.$link.'"';
    echo ' hreflang="'.$language.'" title="'.$q_config['language_name'][$language].'"';
    echo '><img src="..../flags/'.$language.'.png"><span';
    echo '>'.$q_config['language_name'][$language].'</span></a></li>';
    }


    echo '</ul>';
    ?>
    </div>

  • Ok ich hab das Prob. jetzt erst verstanden ...


    Ich seh grad ... ist es das Theme?
    http://themes.mysitemyway.com/method/
    Nimm position:absolute ... der ganze Header ist so aufgebaut.


    Sieht sogar ganz ok aus ...


    (Ist dein Code + 3px Padding auf den <span> und position: absolute)


    Gruß
    florian0

  • Im Moment sieht dein html-Ergebniss etwa so aus:


    HTML
    1. <ul id="headerMenuSystem" class="langselect">
    2. <li><a href="#"><img src="deutsch.png"><span>Deutsch</span></li>
    3. <li><a href="#"><img src="englisch.png"><span>Englisch</span></li>
    4. </ul>


    Und ich hab eben dem <span> Element per CSS noch 3px Padding gegeben. Sonst klebte das so am Icon dran:

  • In welche Datei kommt das rein?


    Style.css? oder in Themen bei General Settings->Custom CSS?


    Edit: Also muss ich auch das hier anpassen damit er es richtig aus dem CSS ließt?


    echo '<ul id="headerMenuSystem" class="langselect">'; [müsste so richtig sein oder?

  • Jup.
    Und über die ID kannste dann per CSS die Position festlegen.