Jump to content


Photo
- - - - -

Feature image for blog posts

CSS Chrome Safari

  • Please log in to reply
3 replies to this topic

#1 adonnan

adonnan

    Member

  • Members

  • 24 posts
  • Country: Country Flag

Posted 25 April 2013 - 06:39 PM

Today I noticed that the feature image on my blog posts isn't lining up with a highlight image on the sidebar. Is this a bug in Pagelines css, my custom css, or something new?

 

Here is a fancy animated gif to explain and the

Please Login or Register to see this Hidden Content

 

I have tested both float and changing the margin (see my code below), but I'm not sure which is best?

 

blog-feature-image.gif

Please Login or Register to see this Hidden Content


Edited by adonnan, 25 April 2013 - 06:56 PM.


#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 25 April 2013 - 07:27 PM

Does both float and margin CSS achieve the same results?



#3 adonnan

adonnan

    Member

  • Members

  • 24 posts
  • Country: Country Flag

Posted 25 April 2013 - 08:43 PM

Does both float and margin CSS achieve the same results?

 

From what I can tell, yes. Tested Chrome, Safari and IE8. A friend said float would keep the feature image clickable vs. making margin zero.



#4 James B

James B

    Advocate

  • Moderators
  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 25 April 2013 - 09:30 PM

Hi there, looking at the gif you've supplied it seems to be the margin/padding at the top which is the issue as the gif image shows the slider jumping up and down between the two different versions. Have you tried setting the margin for the top of the slider?







Also tagged with one or more of these keywords: CSS, Chrome, Safari