From 0cf64599868ea8c3fd9996f6462361a2f903bb00 Mon Sep 17 00:00:00 2001 From: Rick Date: Sun, 31 May 2020 11:50:35 +0200 Subject: [PATCH] Modification affichage, close #1 Utilisation de display au lieu de position pour redimenssioner automatiquement la div. --- README.md | 2 -- style/mastodonFooter.css | 6 ++++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index 114cbf2..6c7636f 100644 --- a/README.md +++ b/README.md @@ -5,5 +5,3 @@ Code à ajouter pour mettre son compte Mastodon sur son site web. ## Utilisation Il suffit de mettre le script js et le fichier css dans les dossiers correspondant dans votre architecture et de mettre les liens dans le html. Il vous suffit ensuite de mettre une div ayant l’id **petitAfichage** là où vous souhaitez mettre votre profile Mastodon. Appellez la fonction getProfile avec le lien de l’instance Mastodon et l’id de votre compte. - -**Attention : la div a une position absolute.** diff --git a/style/mastodonFooter.css b/style/mastodonFooter.css index e0d0ad4..e9bd53e 100644 --- a/style/mastodonFooter.css +++ b/style/mastodonFooter.css @@ -1,9 +1,9 @@ #petitAffichage { - /*width: 250px;*/ - position: absolute; + display: inline-block; height: 65px; padding: 10px; margin: 0; + padding-bottom: 15px; border-radius: 25px; background-color: #414141; } @@ -17,6 +17,8 @@ #photoMasto { margin-right: 10px; border-radius: 360px; + border-color: black; + border-style: solid; } #infoTextMasto {