Click to See Complete Forum and Search --> : Dynamic border around text


cooldyood
11-14-2007, 03:08 PM
Hi,

I'm writing a webapp in PHP. The app has text-based tags (they have one of two fonts depending on the page you're at).

Currently, the tags are just simple hyperlinks. I'm trying to dynamically generate a border around each tag onMouseover. This border will have 2 small images on the top right corner: + and - image. These images will be clickable and will perform certain Ajax actions (I can take care of that functionality).

Please see attached for a visualization of what I'm looking for. Can you help me with the HTML code for the border and placing the images?

-Thanks a lot!

WebJoel
11-14-2007, 03:17 PM
....Please see attached for a visualization of what I'm looking for. ... -Did you forget to attach something? :p

cooldyood
11-14-2007, 03:22 PM
I sure did! Here it is.

ray326
11-14-2007, 04:00 PM
a:hover { border: 1px solid black }

cooldyood
11-14-2007, 04:15 PM
Thanks ray326. What about the images for + and - signs? Is there a way to place them near the top right corner of the border?