Creating a proper image header with CSS


show more Creating a proper image header with CSS provides you with in-depth training on Business. Taught by Morten Rand-Hendriksen as part of the Improving SEO Using Accessibility Techniques show less
please wait ...

Creating a proper image header with CSS

A common element in websites is an image header. By that, I mean the use of a large image or logo image at the top of every page, like you see right here, this large image header. This ensures a visual identity and can be impactful. However, the logical way of doing it, simply adding an image to the top of the page, it's not really the correct way of doing it. If you add an image, you're not providing a header with text content, just a link to an image. There's a better way of doing this. With some clever CSS, you can get a header that has the correct text elements and still displays as if it was an image inside browsers, and you can make that header image link back to the home page just as if it was an image.

That sounds confusing until you see how it's done. So let's first take a look at what we have right now and why this isn't the right way of doing it. So what I have here at the top is this big image, and if you click on it you go back to the home page, so it s...

Creating a proper image header with CSS
Video duration: 8m 6s 2h 29m Intermediate

Viewers:

Creating a proper image header with CSS provides you with in-depth training on Business. Taught by Morten Rand-Hendriksen as part of the Improving SEO Using Accessibility Techniques

Subjects:
Business Web
Author:
please wait ...