> On 4/24/06, brian ally <[EMAIL PROTECTED]> wrote:
> 
>>I'm putting together a calendar (no link - i'm still at the fiddling
>>stage) and want to have details of certain events show up on hover. That
>>is, dates with events have a link w/ abbreviated title, and a hidden
>>span with more info. The calendar has been marked up as a table.
>>
>>When the link is hovered, the hidden span (also in the table cell)
>>should appear, originating at top-left of that particular cell. I
>>figured it'd be as simple as setting event cells to have position:
>>relative, and the span, position: absolute; left: 0; top: 0;
>>
>>Unfortunately, this causes the span to appear at top-left of the entire
>>table. The only way to get the span to appear at the origin of the cell
>>is to give the td display: block. But that causes the table to fall
>>apart. Unless i float the cells, but i'd rather notdo that.
>>
>>Does any of this sound familiar? Is there some other way to cause the
>>span to find it's proper relative positioning point within the table cell?

Paul Debban wrote:
> If you give an element (I would use a div, as it is a block element),
> position: absolute but DO NOT SET any position properties (left, top,
> etc), the item will position itself as if the upper left corner of the
> element is in the flow. If you are not satisfied with the position,
> use margin properties to bump it in place.
> 

Works like a charm! I did, indeed, have left & top set. Luckily, i was 
forced to put that aside for a few days while i worked on something 
else. Now, i needn't muck about for another solution.

Thanks, Paul.

brian
______________________________________________________________________
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/

Reply via email to