[Gobee129]

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:

   

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:

   

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

[SvePu]

Hi,

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

[Gobee129]

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

[SvePu]

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;
}

[Gobee129]

Wow super, das ging ja flott. Und es klappt, herrlich.

Danke dir!