Web Design Web Design Forum
Registration is free! Here you can view your subscribed threads, work with private messages and edit your profile and preferences Calendar Find other members Frequently Asked Questions Search
Home Web Design

Convenient web based access to our favorite web design Usenet groups

web design reviews

This is Interesting: Free Magazines for Graphics designers and webmasters  





  Last Thread  Next Thread
Author
Thread Post New Thread   

Hover over an image and insert text
 

Pamel




quote this post edit post

IP Loged report this post

Old Post  06-18-04 - 09:14 AM  
I currently have a page that has 6 images in a row.  Using javascript,
when the mouse goes over one of the images, a word is placed below the
images.  Each image has a different word.  I am trying to change this
to happen through CSS.  I think I might be able to use a hover
technique similar to the one used here:

http://css.maxdesign.com.au/listama...orizontal04.htm

Focusing specifically on this line:

ul#navlist li:hover ul#subnavlist li a:before { content: " >> "; }

I was thinking of something like:

img#image1:hover p#textarea a:before { content: "some text"; }

Where the image1 is what the mouse needs to be over and the textarea
contains a link that the text needs to be placed before.  But for the
life of me I have been unable to get it to work.  I think it may have
to do with the heirarchy of elements, but I'm just not sure.  Am I on
the right track, or is there a better way to do this?


Post Follow-Up to this message ]
Re: Hover over an image and insert text
 

Brian




quote this post edit post

IP Loged report this post

Old Post  06-18-04 - 05:15 PM  
Pamel wrote:

> img#image1:hover p#textarea a:before { content: "some text"; }
>
> Where the image1 is what the mouse needs to be over and the textarea
> contains a link that the text needs to be placed before.  But for the
> life of me I have been unable to get it to work.

IE/Win does not support css generated content. Does that explain
what's wrong?

> I think it may have
> to do with the heirarchy of elements, but I'm just not sure.

Neither am I, without more information. What browser is this failing
in? What is the url?

--
Brian (remove ".invalid" to email me)
http://www.tsmchughs.com/


Post Follow-Up to this message ]
Re: Hover over an image and insert text
 

Pamel




quote this post edit post

IP Loged report this post

Old Post  06-18-04 - 05:15 PM  
"Brian" wrote...
> Pamel wrote:
> 
>
> IE/Win does not support css generated content. Does that explain
> what's wrong?

It doesn't work in either IE or Firebird 0.9.  Honestly I didn't expect it t
o
work in IE, and I really don't care if it does.
 
>
> Neither am I, without more information. What browser is this failing
> in? What is the url?

http://commo.de/CSSb0rken/hover/addtext.html

It isn't just the before/content stuff, I can't get any hover effect to affe
ct
anything other than stuff immediately around it.


Pamel






----== Posted via Newsfeed.Com - Unlimited-Uncensored-Secure Usenet News==--
--
http://www.newsfeed.com The #1 Newsgroup Service in the World! >100,000 News
groups
---= 19 East/West-Coast Specialized Servers - Total Privacy via Encryption =
---


Post Follow-Up to this message ]
Sponsored Links
 





All times are GMT. The time now is 04:29 AM. Post New Thread   
  Previous Last Thread   Next Thread next
Stylesheets archive | Show Printable Version | Email this Page | Subscribe to this Thread

Popular forums

Adobe Photoshop forum Macromedia Flash Web Site Design
Dreamweaver FrontPage forum
JavaScript Forum XML forum
Style Sheets VRML
Forum Jump:
Rate This Thread:

 

XML RSS Feed web design latest articles Syndicate our forum via XML or simple JavaScript

Web Design archive  Database administration help  


Top Home  -  Register  -  Control Panel   -  Memberlist  -  Calendar  -  Faq  -  Search Top