Add a link to an image in a css style sheet

Question

I am looking to add a link to an image in a CSS style sheet so it will navigate to the link when the image is pressed  The code for the image itself is    logo      background-image  url images logo png       width  981px      height  180px      margin-left  auto      margin-right  auto   What is the code to add to allow it to navigate to a hyperlink   For example   If I wanted it to navigate to http   home com

User · Answer

You could do something like   lt a href  http   home com  gt  lt img src  images logo png  alt    id  logo  gt  lt  a gt    in HTML

User · Answer

You don t add links to style sheets   They are for describing the style of the page   You would change your mark-up or add JavaScript to navigate when the image is clicked   Based only on your style you would have    lt a href  home com  id  logo  gt  lt  a gt

User · Answer

You can not do that     via css the URL you put on the background-image is just for the image   Via HTML you have to add the href for your hyperlink in this way    lt a href  http   home com  id  logo  gt Your logo lt  a gt    With text-indent and some other css you can adjust your a element to show just the image and clicking on it you will go to your link     EDIT   I m here again to show you and explain why my solution is much better    lt a href  http   home com  id  logo  gt Your logo name lt  a gt    This block of HTML is SEO friendly because you have some text inside your link   How to style it with css    logo     background-image  url images logo png     display  block    margin  0 auto    text-indent  -9999px    width  981px    height  180px      Then if you don t care about SEO good to choose the other answer

User · Answer

I stumbled upon this old listing pondering this same question  My band-aid for this same question was to make my header text into a link  I then changed the color and removed text decoration with CSS  Now to make the entire header picture a link  I expanded the padding of the anchor tag until it reached close to the edge of the header image     This worked to my satisfaction  and I figured i would share

[css] Add a link to an image in a css style sheet

Examples related to css

Examples related to hyperlink

Examples related to stylesheet