Had the same problem with my holiday snaps :o) Check out http://www.grafx.com.au/dik/region.html?MuiNe-1-21 for an example of how it's done. Hope this helps :o)
R ----- Original Message ----- From: "BonusOntwerp" <[EMAIL PROTECTED]> To: <wsg@webstandardsgroup.org> Sent: Tuesday, January 04, 2005 8:11 PM Subject: Re: [WSG] Centering thumbnails The hardcoded height and width for the images is meant as an example. Because the thumbnails are generated from a database (in a next level). So the images have to fit inside a square of 36x36 pixels. The images are always scaled to 36px width or 36px height. But the problem is, I can't find a way to center (vertical and horizontal) the images in a square of 36px x 36px. I tried with an extra div (for every thumb) with height and width of 36px, with text centered and use the images as an inline element. page: http://www.bonusontwerp.nl/dijdel/etalage/bedrijfsreportage.html Met vriendelijke groet, Best regards, Jorg Tiemens Bonus ontwerp Frankenslag 357 2582 hp Den Haag Tel. +31 (0)70 33 88888 Fax. +31 (0)70 30 62668 [EMAIL PROTECTED] www.bonusontwerp.com On 3-jan-05, at 23:05, Collin Davis wrote: >>> page: >>> http://www.bonusontwerp.nl/dijdel/etalage/bedrijfsreportage.html > > Why not save yourself some code bloat, and use a rule such as: > div.thumbs img{width:36px; height:36px; border:0;} > and clear all of that out of your markup? > (such as <img src="../gfx/algemeen/testThumb.jpg" alt="" height="36" > width="36" border="0" />) > That would help solve the problem of typos when doing markup there > also ;) > > Collin Davis - ACE, MCP > Web Architect > Stromberg Architectural Products > p 903.454.0904 > f 903.454.3642 > e [EMAIL PROTECTED] > web www.strombergarchitectural.com > > > ****************************************************** > The discussion list for http://webstandardsgroup.org/ > > See http://webstandardsgroup.org/mail/guidelines.cfm > for some hints on posting to the list & getting help > ****************************************************** > ****************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ****************************************************** ****************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
