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:
Focusing specifically on this line:
ul#navlist li:hover ul#subnavlist li a:before { content: " >> "; }
I was thinking of something like:
img#image1:hove r 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?
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:
Focusing specifically on this line:
ul#navlist li:hover ul#subnavlist li a:before { content: " >> "; }
I was thinking of something like:
img#image1:hove r 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?
Comment