Home/ Questions/Q 9258453
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-18T12:24:27+00:00

Having looked elsewhere on the website it seemed to me to be a bit

  • 0

Having looked elsewhere on the website it seemed to me to be a bit tricky to get a background image in html to be a link also. In looking around I stumbled across somebody’s suggestion that using java script should do the trick. However in testing the idea out i have had no luck.

I would be very grateful if somebody could point out where i am going wrong.

I have the following html and javascript code:

<html>

<head>
<link href = "style1.css" rel = "stylesheet" type = "text/css">
</head>

<div id = "header">
Header
</div>

<body>

<div id = "body">

<div class = "container">

</div>
</div>

</body>

</html>

<script>
document.getElementById('container').onclick = function() {
window.location = 'http://www.google.com/';
}
</script>

I also have the following CSS:

#header{
width:100%;
height:50px;
background-color:black;
}

#body {
width:100%;
height:2000px;
background-image:url('uploads/1.jpg');
cursor:pointer;
}


.container{
 width: 1000px;
margin-right: auto;
margin-left: auto;
height: 1000px;
background-color:white;

}
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You have .getElementById('container')

    When container is actually a class.

    can also do <div class="container" onClick="goToWebsite()"></div>

    <script>
 function goToWebsite() {
 window.location = 'http://google.com';
}
</script>
    • 0