infobulles

2 files changed, 30 insertions, 8 deletions

diff --git a/public/css/discographie.css b/public/css/discographie.css
index 7fb48df..31df03e 100644
--- a/public/css/discographie.css
+++ b/public/css/discographie.css
@@ -145,11 +145,6 @@ figure
     /*display: inline-block;*/
 }
 
-.vignette
-{
-    width: 100%;
-}
-
 figcaption
 {
         margin: 2px;
@@ -165,11 +160,11 @@ a
     /*border: 2px white solid;*/
 }
 
-.articleSansEditeur a
+.articleSansEditeur>a
 {
     border: 2px white solid;
 }
-.articleSansEditeur a:hover
+.articleSansEditeur>a:hover
 {
         border: 2px blue solid;
 }
@@ -183,7 +178,7 @@ a:hover figure figcaption
 {
     /*border: 1px black solid;*/
     text-align: center;
-    margin-top: 0px;
+    margin-top: 2px;
 }
 
 .articleSansEditeur img
diff --git a/public/css/main.css b/public/css/main.css
index 4017e31..a5332be 100644
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -136,6 +136,33 @@ form
     /*border-bottom: 1px black solid;*/

 }

 

+.infobulle

+{

+    text-decoration: none;

+    /* évite que l'infobulle ne se retrouve dans un coin de l'écran */

+    position:relative;

+     /* block -> hauteur fixe pour vertical-align dans l'image */

+    display: inline-block;

+    

+}

+.infobulle button

+{

+    

+    display: none;

+    position: absolute;

+    bottom: 35px;

+    left: 10px;

+}

+.infobulle:hover button

+{

+    display: inline;

+

+}

+.infobulle img

+{

+    vertical-align: middle;

+}

+

 #courriel

 {

     /*padding-top: 30px;*/