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
******************************************************



Reply via email to