Bonjour à tous !

Je vais essayer d'être clair un maximum possible :

Je voudrais essayer de placer une div où les informations du connecté s'affichent en haut à droite, cependant premier problème qui est normal il y a une div en dessous que j'aimerais faire apparaître à côté du champs d'informations, avec un float right cela donne ça :

http://prntscr.com/o38u41

Avec une position : absolute je me rapproche du résultat voulu mais impossible du coup de le déplacer à droite :

http://prntscr.com/o38v0z

je vous montre le code:

      <div class="infos">
        <img src="/tresunion/img/photoInter/<?= $photo ?>">
        <h3 class="nom"> <?= $nom; ?> <?= $prenom; ?> </h3>
        <h3><?= $statut; ?> </h3>
        <h4><a href="/tresunion/Admin/logout.php">Déconnexion</a></h4>
      </div>

<!-- je cache le code du menu qui nous est inutile -->

<div class='container'>

        </div>

et le CSS :

.container{
    clear: right;
    border: 3px solid #2d303a;
    margin-top: 0%;
    margin-left: auto;
    margin-right: auto;
    min-height: 50vh;
    background-color: #faf0c5;
    border-radius: 5px;
    padding: 20px;
    padding-left: 20%; 
    padding-right: 20%;
}
.infos {

    position: absolute;
    border: 2px solid black;
    border-radius: 10px;
    margin: 10px;
    padding: 15px;  
 }
 .infos img {
    border-radius: 100%;
    border: 5px solid black;
 }

Je vous remercie beaucoup d'avance pour l'aide que vous m'apporterez !

Très bonne fin de journée à vous !

-
Edité par Flowxv3 18 juin 2019 à 9:41:43

Salut,

Rajoute un right: 0px; sur ton élément en position absolute ;-)

Hello, 

N'hésite pas à passer ton sujet en résolu