On Mar 10, 2007, at 6:24 AM, Kevin J Pledger wrote:
> On this page here http://www.jdstiles.com/java/alttxt/alttxt.html ,
> you are
> able to have flyout boxes containing text when you mouseover a word
> etc. I
> know the layout is .navtext using CSS, but the actual control is
> using JS.
> My question can the same type effect be done solely with CSS, if so
> can I
> please be pointed in the right direction for some examples /
> tutorials etc.
If you just want tooltips, you can use the title attribute on any
html element. The alt attribute was not designed for this task even
though ie insists on using it this way. If you need big boxes like
the example page shows, a sample css solution can be found at <http://
meyerweb.com/eric/css/edge/popups/demo2.html> and <http://
The major drawback to css popups is that to be compatible with ie6
and lower, you must use an [a] element as the container, which means
you can only put inline elements inside of the popup such as spans
and images. If your popup needs a heading and a paragraph of text,
you can make it look the way you want using spans, but people without
css will see it as a part of the link text, all run together.
"Remember, if you’re headed in the wrong direction,
God allows U-turns!"
~Allison Gappa Bottke
IE7 information -- 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/