Forum Moderators: not2easy
I've cut up a large map that will be used for an educational exercise about maps in which students rollover and click on something to figure out what it is. The problem is that the image breaks up in IE 6 on a PC. It works fine on a Mac in IE or Safari, but dreamweaver is adding some weird white spacing into the image (not in the code, mind you, nor in the sizes of the images as the program tells me they are all the same size).
To see what I'm talking about:
[chnm.gmu.edu...]
I cut up everything in image ready and took it to dreamweaver. Added the rollovers and the first few worked fine, until I added them all.
Has anyone had this happen before? How did you solve this issue?
Thank you for your help in advance!
Amanda
1. a row will be as tall the as the tallest cell, and a column will be as wide as the widest cell. If one image is one pixel wider or taller than the rest of the row or column, it will break the table and you will get those spaces. When you merge cells and have colspan and rowspan, an image must be the same height and width as the sum of all the cells in it's row and columns. If your slicing is complex, this can be a pain.
2. Check all your align and Valign attributes. I usually set them all left and top.
3. Make sure there are no blank cells with These cells will have a minimum default height and width that you cannot reduce, and Dreamweaver likes to install these by default into empty cells, so add a 1 pixel transparent give if you need to to get the space out.
4. In older browsers (not sure if it still happens) having a line break in the html between img tags could cause extra spacing.
