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?

[khraene]

Try this:

CODE

border: 2px solid #4488ff;

=]

[the tonestarr]

That works, except for one thing.

In IE, the "filter: gray" code turns the border into gray, too.

In Firefox, the border overrides the filter and causes the image to just be normal and in colour.

So, there's still some toying around that I need to do. =\

[moorepocket]

well "filter:gray" applies to the whole page.

different browsers have difference things.

or you can put "filter:none" for the links and images to see if it colored.

[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 -->