I'd like to do the following: 1. Have a centered row of boxes with an image and a caption. 2. The boxes should allow for variable sizes (big and small images). 3. Reduce the semantic markup. Currently, my method is nested *way* too deep. Div-itis!
Currently, with the 456bereastreet.com custom-border method[1], I'm able to get the custom borders (but it breaks on font-resize in Firefox (Mac) and crashes Opera 8.5 Mac. Perhaps the Firefox problem is related to my use of inline-block and -moz-inline-box. The Opera problem, well, I have no idea. The JS gets thrown in to an infinite loop. Sounds like a DOM problem. Anyways, here's what I have currently. It only works in Firefox and Safari (of course!) and is valid XHTML and CSS (except for the unitless line-height deal). XHTML: <http://ohgoditburns.net/TEST/lib_commons/> CSS: <http://ohgoditburns.net/TEST/lib_commons/css/default.css> The relevant CSS starts at ".image-boxes" and ".shadow-box". IE doesn't work, at all. I save the worst for last, I guess. If anyone has any suggestions on how I might achieve this, I'd love to know! All the best, Tyson Tate -- Tyson Tate * Graphic Designer, CalPoly Library * Assistant Librarian & Member, Mustang Band * Team Member, CalPoly Triathlon Team * Webmaster & Active, Kappa Kappa Psi * Freelance Graphic Designer ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
