Marcelo Wolfgang wrote: > http://work.grillo.tk/gaiolla/index.cfm?storeOwner=paula
> I'm trying to add an overlay badge to some photos in a site I'm > developing, so I thought that adding positon:relative and > position:absolute for them should do the trick, but I don't know what > is the problem, but this ain't working. The idea is good enough, but you've got the relations somewhat wrong in the source-code. All overlays relate to the entire row, so they all end up on the leftmost image in each row - stacked on top of each other. IE/win is a bit buggy, so it doesn't show the overlays at all. The overlay must be marked-up inside each photo-container in order to relate to it. There's already 'position: relative' declared on those photo-containers. No need for an extra div to carry the overlay-image, as the image can be positioned directly. Example: Source-code: <div id="photo-one"><a href="http://____";><img src="______.jpg" width="107" height="109" alt="" /><img class="badge-lancamento" src="______.png" width="46" height="47" alt="" /></a></div> ...and the same for all other image/links that need an overlay. CSS: img.badge-lancamento{ position:absolute; top:10px; left:10px; } ...which will place the overlay on top of the upper-left corner of each image. You should also add... #center-wrap {display: table;} ...to make that container contain those floats and stretch all the way down. regards Georg -- http://www.gunlaug.no ______________________________________________________________________ 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/
