Kevin,

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:// 
www.tjkdesign.com/articles/css%20pop%20ups/default.asp>

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.

hth

-- 
Roger Roelofs
"Remember, if you’re headed in the wrong direction,
        God allows U-turns!"
          ~Allison Gappa Bottke

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
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/

Reply via email to