Styling image links


show more Styling image links provides you with in-depth training on Developer. Taught by James Williamson as part of the CSS: Styling Navigation show less
please wait ...

Styling image links

Occasionally, you are going to need an image that's also a clickable link. Although most link styling considerations also apply to images as well, there are a couple of things that you are going to want to be aware of as you're styling image links. So to show off some of those things, I'm going to work on the image.htm file that you can find in the 02_05 folder. I have got that opened up currently in a browser, so you can sort of see what this page is all about. We have a larger image up top that is a clickable link, and then we have some thumbnails down here in the bottom that are also all individually clickable. Now, you can see that this browser--which is Opera-- doesn't really have any default image link styling.

So, when I make an image also a link by wrapping it an anchor element, there really isn't any default styling. The only indication I get is the little hand that shows up, the cursor changes to let me know that it's clickable. In older browsers, you would often ...

Styling image links
Video duration: 8m 43s 5h 14m Beginner

Viewers:

Styling image links provides you with in-depth training on Developer. Taught by James Williamson as part of the CSS: Styling Navigation

Subjects:
Developer Web
Software:
CSS
Author:
please wait ...