html - Making both the background image clickable as well as the contents clickable -


I would like to make the content clickable in both the background image as well as I am not sure how to implement it. ..

Image:

Enter image details here < / P>

I want to make the content both clickable as well as clickable.

html part: 

  & lt; Div class = "reportslistitem" & gt; & Lt; A href = "[[url]]" target == "_ blank" & gt; [[Startup]] - [[Ended]]   
 Part of CSS:  
 . List of reports {width: 120px; Height: 140px; Display area; float right; Background: URL ('../ images / report icon-without-text.png'); } A {font: bold 12px 'thin 2 regular'; Text-decoration: None; Color: RGB (0,0,0); Padding: 10px 15px; Status: Relative; Text align: center; Display area; Padding: 0 pixels; Status: Relative; Top: 25px; }   
 How do I change it? Some guidelines are needed ...   
 
 
 If you use HTML5, then this is now anchor tags It will be  
    
 CSS should be something like  
  .reportslistitem {width: 120px; Height: 140px; Display area; Background: URL ('../ images / report icon-without-text.png'); } A {font: bold 12px 'thin 2 regular'; Text-decoration: None; Color: RGB (0,0,0); Padding: 10px 15px; Text align: center; Padding: 0 pixels; Display area; Width: 120px; Height: 140px; }a????

Comments

Post a Comment