From c88a4abf6c390777f90f9a208e9fb9235cadca4b Mon Sep 17 00:00:00 2001 From: "stephen@cubedesigners.com" Date: Wed, 13 May 2015 14:07:58 +0000 Subject: [PATCH] Fix image alignment problem and some other small bugs in the Case Studies section. --- less/casestudies_detail.less | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/less/casestudies_detail.less b/less/casestudies_detail.less index acbc849..d5c346d 100644 --- a/less/casestudies_detail.less +++ b/less/casestudies_detail.less @@ -41,6 +41,7 @@ .visuel-holder .legende { font-size: 18px; float:left; + padding-bottom: 10px; // When there is a long legend and a "view site" button, they may wrap, so provide space between them. } } @@ -82,7 +83,9 @@ img { min-width: 462px; // 530 - 34*2 - display: block; // Stops strange gap under image when right at the bottom + vertical-align: bottom; // Stops gap under image when right at the bottom + // (caused by images being inline elements and having space for character descenders). + // This is a better solution than setting it to display:block because images can still be aligned this way. } } @@ -91,7 +94,7 @@ position: absolute; top: -325px; //left: 110px; - width:1280xp; + width:1280px; height:1280px; z-index: 2; } -- 2.39.5