HTML Split SINGLE BACKGROUND IMAGE into two equal links (top and bottom)
HTML Split SINGLE BACKGROUND IMAGE into two equal links (top and bottom) I am just learning HTML. Is there a way without using image mapping to split a background image into 50-50%, with each half linking to an external link? I put style=0% and 50% to split the links into the top 50% and bottom 50%, but it doesn't split the image in two. This is what I have: <!DOCTYPE html> <html> <head> <title>Page 2</title> <link href="https://fonts.googleapis.com/css?family=Proxima+Nova" rel="stylesheet"> </head> <body> <div class="image"> <center><img src="{% static 'picture.png' %}" alt="image" /></center> <a href="link1" style="top: 0%;"></a> <a href="link2" style="top: 50%;"></a> </div> </body> </html> Thanks in advance! Use an imag...