Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Thumbnail Alignment problem

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #37923
    shaifshahin
    Participant

    I am facing alignment problem on this page
    http://carolinekeyzormirror.dreamhosters.com/portfolio/
    here 1st line showing 3 images, but 2nd line showing 2 image, seems strange.
    can any one help me?

    #102313
    wolfcry911
    Participant

    Notice anything different about the first div? It has two lines of text and is therefore taller than the next two items. The float is ‘stacking’ up against the taller float. You could either give the divs a set height (210px seems to work barring any font-size increase) or, given the fixed width site, you could do this:

    .portfolio-items div:nth-child(3n+1) {
    clear: left;
Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.