Alignment of text and images

  • Resolved caughtredhanded

    (@caughtredhanded)


    15 years ago

    At the beginning of each post I have set up an author description box, pulling details of the post author and their biography description and what have you. Only problem is, when I try to float the Gravatar image so that the text sits to its left, the text seems to appear below it, irrespective of my “float: left” tag in my stylesheet.

    I presume that it is being overridden by something else, but I can’t for the life of me work it out. Is it as simple as that, or am I missing something fundamental?

    Blog is here.

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • flamenco

    (@flamenco)

    Hi,
    I think I see what’s going on. You had the right idea, totally. But an H4 heading is like a solid block, and will not readily “float around”. I got it to wrap pretty well by adding display: inline like so:

    .postauthor h4 {
  display:inline;
  font-size:1.2em;
  margin:0 0 10px;
}

    Cheers, Dave

    And the reason you are having this problem it’s because you have clear:both for your heading tags on your compressed.css file.

    h1, h2, h3, h4, h5, h6 {
clear:both;
color:#111111;
font-family:HelveticaNeue,Arial,Lucida Grande,Verdana,sans-serif;
}

    By removing the “clear:both” will also fix the problem.

    Thread Starter caughtredhanded

    (@caughtredhanded)

    Cheers guys, all sorted now, thanks to you!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Alignment of text and images’ is closed to new replies.