MyBB.de Forum

Normale Version: Position des Dropdown Menü im Header
Du siehst gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.
Hey Leute,

ich habe ein Dropdown Menü in meinem Header erstellt, klappt auch alles ganz gut, nur bei der Positionierung stelle ich mich ungeschickt an.

So sieht mein Menü aus, einmal ohne hover und einmal mit hover:

[attachment=9092]

Wie ihr seht, hat das Dropwdown Menü "Anime & Manga" allerdings seine eigene Zeile, und das möchte ich nicht. Ich möchte, dass es neben "View My Threads" und den anderen Search Links angezeigt wird, so nämlich:

[attachment=9093]

Mein Code für das header_welcomeback_user template an der stelle ist:

Code:
<td width="63">
    <a href="{$mybb->settings['bburl']}/member.php?action=profile&uid={$mybb->user['uid']}"><img src="{$mybb->user['avatar']}" style="border:1px solid #ADCBE7;" width="56" height="56" alt=""></td>
  
<td valing="top""> <span class="smalltext">{$lang->welcome_back}{$lang->welcome_pms_usage} <a href="{$mybb->settings['bburl']}/private.php">{$lang->welcome_pms}</a></span><br />

<span class="smalltext"><a href="{$mybb->settings['bburl']}/usercp.php">{$lang->welcome_usercp}</a>{$modcplink}{$admincplink} &mdash; <a href="{$mybb->settings['bburl']}/member.php?action=logout&amp;logoutkey={$mybb->user['logoutkey']}">{$lang->welcome_logout}</a></span><br />

<span class="smalltext"><a href="{$mybb->settings['bburl']}/search.php?action=getdaily">{$lang->welcome_todaysposts}</a> <!-- UNREADPOSTS_LINK --> | <a href="search.php?action=finduserthreads&uid={$mybb->user['uid']}">View My Threads</a> |

<ul id="menu">
  <li><a href="/Forum-Gates-of-justice">Anime & Manga</a>
        <ul>
            <li><a href="http://www.marineford.com/Forum-One-Piece">One Piece</a></li>
            <li><a href="http://www.marineford.com/Forum-Soul-Society" class="selected">Bleach</a></li>
        </ul>
        <div class="clear"></div>
    </li>
</ul>

</span>
</td>

Könnt ihr mir helfen?

Vielen Dank schonmal Smile
Hi,

könntest du mal bitte einen Testaccount erstellen, denn damit kann man die nötigen Änderungen leichter herausarbeiten.
(24.02.2014, 15:49)SvePu schrieb: [ -> ]Hi,

könntest du mal bitte einen Testaccount erstellen, denn damit kann man die nötigen Änderungen leichter herausarbeiten.

Sicher.

User: Tester
PW: 123456

Thx
OK, durch kleine Änderungen im global.css (#1416) könntest du das Gewünschte erreichen.

Suche:
Code:
#menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

Ersetze durch:
Code:
#menu {
    display: inline-block;
    list-style: none;
    margin: 0 0 0 -0.5em;
    padding: 0;
    vertical-align: middle;
}
Wow super, das ging ja flott. Und es klappt, herrlich. Big Grin

Danke dir!