CSS Box Links ausrichten

    Hey Com,


    Ich habes es mit externer Hilfe hinbekommen das wenn man über ein ein Bild hovert das sich was ausfährt:


    So soieht es normal aus:
    http://prntscr.com/1qfbqp


    So sieht es aus wenn ich drüber fahre:
    http://prntscr.com/1qfbso


    Ich poste hier mal den gesamten Teil des Containers:
    Edit: die Box schiebt sict sich immer ein STück nach Rechts wenn man hovert. Wenn dieses so auf der position bleibt müsste es gehen?



    Spoiler anzeigen

    <div style="float:right;">
    <table style="width: 978px;">
    <tr>
    <td>
    <div id="field" style="float: left;">
    <fieldset style="width: 820px; height: 164px; background-color: white; border-radius: 5px 0px 0px 5px; ">
    <div id="fieldinhalt" style="display:block;">
    <div style="padding-top: 20px; float: left; padding-left: 40px;font-size: 18px;">
    <table>
    <tr>
    <td><img src="images/icons/online.png" /></td>
    <td><?php echo $_SESSION['Username']; ?></td>
    </tr>
    </table>
    </div>
    <div name="button_editprofile" style="float: right; padding-top: 120px; padding-right: 10px;">
    <form action="index.php?page=Profil&edit=1&pid= <?php echo $_GET['pid']; ?>" method="post">
    <button type="submit" name="submit_edit" class="faq">Profil bearbeiten</button>
    </form>
    </div>
    <?php if(isset($_GET['pid'])) { ?>
    <div name="button_editprofile2" style="float: right; padding-top: 120px; padding-right: 1px;">
    <form action="index.php?page=Profil&edit=1&pid= <?php echo $_GET['pid']; ?>" method="post">
    <button type="submit" name="submit_edit" class="faq">Private Nachricht</button>
    </form>
    </div>
    <?php } ?>
    </div>
    <div id="fieldinhalt_short" style="display:none;">
    swag
    </div>
    </fieldset>
    </div>
    </td>
    <td>
    <div id="profile" style="position: relative;">
    <div style="display: none; position: absolute; left: -122px; margin-right: -25px; z-index: 1;" id="box_slide">
    <fieldset class="boxleft">
    <ul>
    <li><a href="index.php?page=Logout"><img src="images/icons/avatar.png" title="Benutzer" /> Abmelden</a><br /></li>
    <li><img src="images/icons/verifized.png" title="Verifiziert" /> Profilbild &auml;ndern <br /></li>
    <li><img src="images/icons/money.png" title="Guthaben" /> Profil anschauen</li>
    </ul>
    </fieldset>
    </div>
    <div style="float:right; z-index: 2;">
    <img src="images/icons/sample_user.png" style="height:164px; width: 164px; border: 1px solid black; border-radius: 0px 5px 5px 0px; background-color: white;" />
    </div>
    </div>
    </td>
    </tr>
    </table>


    Falls der jQuery Code auch noch relevannt ist gebe ich diesen nach


    Achtung: Ich habe diese Anfrage für einen Kumpel gepostet, und werde abundzu mal vorbeisehen ob irgendwer geantwortet hat


    Danke MixedGunZz

    Einmal editiert, zuletzt von MixedGunZz ()