Hi. I need to design a thumbnails webpage with 16 pictures (4 rows, 4 columns), and the thumbnails are in both formats (horizontal and vertical). I need to frame the thumbnails in a square space: if the thumbnail is 100×200, it must be centered in a 220×220 square, if it is 200×100, it must be centered in another 220×200 frame. Each line must have 4 220×220 frames side-by-side. So, is it possible to design it with CSS? I already know how to do it using tables, but I don’t want to. I need to use simple HTML and CSS. Thank you very much.



Image taken on 2008-01-27 20:30:37. Image Source. (Used with permission)

Related posts:

  1. How can I rotate an Indesign CS3 template from vertical to horizontal, with the grid rotating with the layout?
  2. Scrolling Thumbnails Photo Gallery AS 2.0: Flash Tutorial!
  3. Style Sheet Language is Used to for the Style and Design of the Page
  4. Vertical Type Tool as a Key Factor in Graphic Designing
  5. Adobe InDesign – Vertical Justification & End of Story Marker