Msg#: 4224639 posted 5:22 pm on Feb 7, 2011 (gmt 0)
Where do you guys specify your image sizes? In css or html? I thought it was preferred to do this in css, so that's what I've done for my presentation related images. But for content related images, I have some groups where they are all different sizes. I didn't want to bog down my css file with dimensions for each and every image, so I left them out for many. With content related images, is it best to put the dimensions in the html markup?
Msg#: 4224639 posted 5:32 pm on Feb 7, 2011 (gmt 0)
The idea is that the inline w/h attributes will provide placeholders for the browser to render the layout *before* the images fully load. That way you don't get the bouncy loading layout, elements floating around until it fully loads. So while it's recommended to use w/h inline, a lot of sites don't.
Msg#: 4224639 posted 5:43 pm on Feb 7, 2011 (gmt 0)
Okay, so I'll fix those content images - put the w/h inline for them. But I'm wondering now about all the layout related images I've set w/h for in css. Should I expect the same bouncing around with them? I'm pretty sure the css gets loaded first.