Forums

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

Home Forums CSS Anchor Text Dropping Thumbnails To Next Line

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #147219
    MBM
    Participant

    I’m using a pure css slider. I have arranged a series of thumbnails next to an image window. When I add thumbnail text it messes up the formatting of the thumbnails. Without thumbnail text I have four aligned rows. How do I keep the text without effecting the alignment of the thumbnails?

    (Note : The header is correct in an eBay window.)

    http://cdpn.io/whCra

    #147220
    jurotek
    Participant

    Add height to your ul.s-thumbs li about 110px

    #147221
    MBM
    Participant

    Thank you! Cannot believe I wasted an hour on that.

    #147222
    jurotek
    Participant

    BTW, you shouldn’t scale images with CSS! Then you don’t have to put height and width on ul.s-thumbs li and ul.s-thumbs img. In your case due to added text then the height on li is ok but the images should be sized to how you want them to appear.

    #147226
    MBM
    Participant

    I use media queries for that. I haven’t added them yet.

Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘CSS’ is closed to new topics and replies.