Forum Moderators: open

Message Too Old, No Replies

Infobox on Mouse Over

         

sithicus

8:16 pm on May 6, 2005 (gmt 0)

10+ Year Member



How coule I create an infobox on mouseover.. like the ones found on flickr, I want to do it whenever I mouse over a list of links I would like a little popup window to appear with some information. Any suggestions on how I could go about doing this? I was thinking can I style the alt tag with css?
-Chris

adni18

8:41 pm on May 6, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



go to javascript.internet.com. they have tons there.

sithicus

10:19 pm on May 6, 2005 (gmt 0)

10+ Year Member



Please look at the blue links in the product description. When you mouse over a info box pops up.

[versatables.com...]

How can I style the <li> inside so that the words that wrap won't start at the beginning of the line. I would like them to indent and line up with the start of the first word that is after the * for the <lli>

thx
-Chris

Rambo Tribble

10:37 pm on May 6, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



The whole thing can be done with CSS by making the box a span with position:absolute, display:none and a rule li span{display:block;}

To get the text to indent, use the text-indent property.

sithicus

10:48 pm on May 6, 2005 (gmt 0)

10+ Year Member




#dhtmltooltip{
position: absolute;
left: -300px;
width: 350px;
border: 1px solid black;
padding-left: 2px;
background-color: lightyellow;
font-size: 10px;
font-color: Black;
font-family:Verdana, Arial, Helvetica, sans-serif;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

That is my code.. I'm not sure what you mean.. can you show me what I would need to add?

sithicus

11:25 pm on May 6, 2005 (gmt 0)

10+ Year Member



nevermind fixed it up