Forum Moderators: open
As the entire page is in a table, it doesn't display until each image has loaded. I'm trying to get round this problem, but don't know how! Does anyone have any ideas?
I've heard I need width and height tags for all the images, but this is very hard to do with so many images. Are there any alternatives?
Also, would a design like this translate to entirely CSS well?
[edited by: tedster at 7:35 pm (utc) on Dec. 4, 2004]
I've heard I need width and height tags for all the images, but this is very hard to do with so many images.
This sounds like you have a lot of kb in your images alone - which also makes for a slow page load. Adding width and height attributes to your <img> elements is the best way to go for table based layouts - the browser needs to see that before the images come down the pipe so it can reserve the space.
One thing you can do with many table based layouts is use more than one table, stacked on top of each other. Then the top table can load up a screenful while the code for the off-screen elements continues to be served up.
Depends on your particular page, but this often is a quick fix.
Another thing would be to make sure your images are well optimized. I've seen sites where we could chop off 70% of the total "page weight" just by using enough compression on the jpgs and gifs.
All-CSS layouts can take quite a bit of time to get working cross browser. So I've backed off that approach after a five site experiment, and for now I use a basic table to set the grid for the layout, and then pure CSS inside that grid. But if you haven't moved away from font tags and spacer gifs, definitely make that leap.
