On Thu, 27 Jan 2005 04:46:23 +0000 (UTC) Daniel Ruscoe wrote:
> In article <>, Richard says...
>> So I've been working with this span thing for a descriptions use.
>> Problem with it is, it only works within the division where I have the
>> span.
>> Using position absolute top 0 left 0, puts the box in the upper left
>> corner
>> of the thumbs division, not the window.
>> The text of, disappears out under the borders of the menu.
>> The span block sits on top of the thumbnail blocking the thumbnail.
>> I need a way of moving the span block entirely out of the menu system.
>> Any ideas appreciated.
> A URL would be helpful as I can't quite figure out your problem here,
> but would it not be easier to simply move the span out of the thumbs
> div
> altogether?
Sure. Then the span item would not be associated with the appropriate <a>
tag.
My script works fine but the hover description would be a nice touch for
when JS is turned off.
Basically what I have is this:
a span {display: none;}
a:hover span {display: block;
width: 250px; position:absolute; top:0px; left:0px;
padding: 5px; margin: 10px;
color: #0f0; background: black;
font: 13pt Verdana, sans-serif; text-align: center;}
Then in the thumbs division I have this:
<img src="images/thmb001.jpg" alt=""
onclick="document.main.src='images/barrod-galaxy.jpg',
main.alt='galaxy'"><span>Bar Red Galaxy</span></a>
IE shows the block only within the thumbs division.
Makes no difference with a z-index.
My thought is because the menu itself is using position:absolute it is over
riding any other uses of it.
Similar Threads
