From: Big Moxy <[EMAIL PROTECTED]>
>Please go to http://www.woodstone-homes.com/gallery/test.asp
>> The problem is that after
>> selecting a thumbnail the margin between images increases and
>> overflows the width of the cell.
Tim
Try changing your CSS as follows -
.gallerypic {
float:left;
/* margin-left:5px; */ /* remove this, horizontal margins don't collapse */
margin-right: 6px; /* altered value */
/* border:none; */ /* remove this */
}
.gallerypic img {
border: 1px solid #945a40; /* change to add a border initially that is approx.
the color of the surrounding area and thus very hard to see, which is what you
want */
}
.gallerypicSelected {
float:left;
/* margin-left:4px; */ /* remove this */
margin-right: 6px; /* alter this value to be the same as the unselected value */
}
.gallerypicSelected img { /* no changes needed here */
border-color:#FFFFFF;
border-style:solid;
border-width:1px;
}
I narrowed the margin between the images and added a border to take up the
space of the white one you want when the thumbnail is selected. This means that
there is only a change of color when that happens, not a change of position,
too.
See if this works for you. Tested in Firefox.
~holly
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
