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



so I tried perhaps doing



and



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?

Try this:

CODE

border: 2px solid #4488ff;

=]

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. =\

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.

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