Make A List Item Clickable (HTML/CSS)

by

I think you could use the following HTML and CSS combo instead: 

<li>
  <a href="#">Backback</a>
</li>

Then use CSS background for the basket visibility on hover:

.listblock ul li a {
    padding: 5px 30px 5px 10px;
    display: block;
}

.listblock ul li a:hover {
    background: transparent url('../img/basket.png') no-repeat 3px 170px;
}

Simples!

More Related Contents:

  1. Browser is not displaying images
  2. How can I select an element with multiple classes in jQuery?
  3. Why is there an unexplainable gap between these inline-block div elements? [duplicate]
  4. Why doesn’t percentage padding / margin work on flex items in Firefox and Edge?
  5. How to modify the fill color of an SVG image when being served as background image?
  6. Make flex items take content width, not width of parent container
  7. Grid properties not working on elements inside grid container
  8. Is element block level or inline level?
  9. Style input type file? [duplicate]
  10. Maintain the aspect ratio of a div with CSS
  11. How do I give text or an image a transparent background using CSS?
  12. How to display scroll bar onto a html table
  13. Border length smaller than div width?
  14. How to apply CSS page-break to print a table with lots of rows?
  15. How to determine height of content-box of a block and inline element
  16. CSS: Workaround to backdrop-filter?
  17. Inspect webkit-input-placeholder with developer tools
  18. How to create a curved speech bubble?
  19. Make an image width 100% of parent div, but not bigger than its own width
  20. How to center cards in bootstrap 4?
  21. Create line numbers on pre with CSS only
  22. HTML Div border not showing
  23. How to include a font .ttf using CSS?
  24. How do I assign multiple classes to one HTML element? [closed]
  25. How to center horizontally and vertically?
  26. How to change the text color of first select option
  27. Attaching a SCSS to HTML docs [closed]
  28. Element with “display: inline-flex” has a strange top margin
  29. Why is my .sticky-top class not working in Bootstrap 4?
  30. Make plus symbol in CSS

Leave a Comment