extremely new to CSS,, and I have a really simple question. Options

[the tonestarr]

<!-- begin code provided by createblog.com --><br />a:hover img {<br />/* HOVERED LINK IMAGE */<br />  filter: gray;<br />  border: none;<br />  padding: 2px;<br />  }<br /><br /><!-- end code provided by createblog.com -->

I'm trying to put a nice, pretty, blue (to be exact, #4488ff) border around that image.

I looked around in my code (basically took a styleset from someone else, then completely altered it) for other border codes and imitated them, but it did nothing. There were a few border codes that said stuff like

<!-- begin code provided by createblog.com --><br />border: 4px solid gray;<br /><!-- end code provided by createblog.com -->

so I tried perhaps doing

<!-- begin code provided by createblog.com --><br />border: 2px #4488ff;<br /><!-- end code provided by createblog.com -->

and

<!-- begin code provided by createblog.com --><br />border: 2px cyan;<br /><!-- end code provided by createblog.com -->

but to no avail. I tested it out with a solid gray border around the image, and that worked fine. But any other colours besides solid gray and black just won't work.

Help?

[krizannenicole]

do you want it to have a blue border when it's hovered on only? if you do, maybe you could try this code:

<!-- begin code provided by createblog.com --><br /><br />a:hover img {<br />/* HOVERED LINK IMAGE */<br />  filter: none;<br />  border: 2px solid #4488ff;<br />  padding: 2px;<br />  }<br /><br /><!-- end code provided by createblog.com -->

if you want a blue border around the image all the time maybe this code:

<!-- begin code provided by createblog.com --><br /><br />a:img {<br />  filter: none;<br />  border: 2px solid #4488ff;<br />  padding: 2px;<br />  }<br /><br /><!-- end code provided by createblog.com -->