Meta Stack Exchange is where users like you discuss bugs, features, and support issues that affect the software powering all 157 Stack Exchange communities.

What is meta?
Here's how it works:
  1. Any Stack Exchange user can ask a question
  2. The community provides support, votes on ideas, and reports bugs
  3. Your voice helps shape the way Stack Exchange operates

Image links and regular images look exactly alike, making it difficult for someone to figure out that there's a link there. I'd like to suggest a minor style change, something like:

There are a few different options, but they are basically:

  • Images links can have borders: this would make it easier to see, without hovering the mouse on them, that they are links. The downside is that it might not look good.

  • Image links will generate a drop shadow when someone hovers over them. Yes, I realize the cursor changes, but this would make it clearer.

What do you think?

PS: I realize SO doesn't use images a whole lot, but the newer SE sites might.

share|improve this question

Note that Meta Stack Overflow has image-link styling already:

Image without link

Image no link

Image with link

Image with link

I could've sworn other sites, particularly Gaming, had the same style, but after testing a few sites now, it appears only Meta Stack Overflow has it.

share|improve this answer

This is a good idea.

I think the current styling that "underlines" the image looks ugly and broken. I was actually trying to figure out how that artifact got into one of my posts, then I realized it was the result of a border-bottom style being used to produce a dotted underline, instead of the expected text-decoration: underline;.

This is all fine and good for text-based hyperlinks, but we can do better for images. Perhaps a 3D shadow effect to suggest "popping" out of the page, like we do for hoverable gravatars? I think this works well enough as a hint now, and would be even better if something like this or this is ever implemented.

Here's just a simple demonstration of the effect (I'm no graphic designer and only pretending to be a web developer):

box-shadow: 0px 4px 5px #888;

(plus all the vendor-specific prefix versions, if y'all still do that)

share|improve this answer
Nice, but many Mac screen captures already have a (ugly) shadow. That might make this confusing (and even worse looking)? – Arjan Jul 31 '13 at 14:17

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .