New course! Every coder should learn Generative AI!
Try a free lesson0
Invisible link under images with links
I have two image with links, and under both of them there is an invisible box with those links, how can i fix this?
11 Answers
+ 9
By making Opacity:0 to that link.
+ 2
Can you share your code ?
+ 2
are you referring to the hyperlinks behind the images Jesus Mata if so I removed them on mine above
+ 1
Can you please show us the code inorder to help fix this...
+ 1
Jesus Mata look at mine and see if that is what you were wanting
+ 1
I forgot this discuss. I fixed it by making a diferent and slightly bigger structure, by usind display: block;
But I will try that way too. Thanks
0
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<title>LOREM IPSUM</title>
<link rel="stylesheet" href="../css/main.css">
</head>
<body>
<h2>LOREM IPSUM DOLOR SIT AMET.</h2><hr width="92%">
<center>
<nav>
<a href="index.html">Inicio</a> -
<a href="index2.html">Ir a otra pagina</a> -
<a href="http://www.google.com" target="_blank">Ir a Google</a><hr width="40%">
</nav>
</center>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sollicitudin magna eget urna imperdiet laoreet. Donec porta, eros vel aliquam venenatis, nisi est consectetur felis, eu eleifend nulla justo nec nisi. Aenean ac pulvinar dolor. Praesent est tellus, pharetra nec sagittis ac, pretium in risus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Cras bibendum, diam eu vulputate vehicula, sem magna hendrerit lorem, at suscipit sapien urna tempor sapien. Aenean sollicitudin dignissim justo consequat rutrum. Aliquam commodo velit et rutrum malesuada.<br><br> Quisque non lacus lorem. Sed volutpat ante sit amet metus semper eleifend at nec felis. Vivamus venenatis sapien in ipsum mollis, nec lobortis orci ultricies. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque vulputate eu neque non rhoncus. Fusce pulvinar metus diam, et vehicula magna pellentesque eget. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus eget aliquet metus.</p>
<br><br><div align="right"><a href="https://es.wikipedia.org/wiki/Regi%C3%B3n_de_Pomer%C3%B3n-Supenaam" target="_blank"><img src="../img/calle.jpg"></a>
<div align="right"><a href="https://es.wikipedia.org/wiki/Tepuy_Kuken%C3%A1n" target="_blank"><img src="../img/tepuy.jpg"><br><br></a>
<b><footer class="copyright">© 2020 Jesús Mata. Todos los derechos reservados.</footer></b>
</body>
</html>
0
https://code.sololearn.com/W9zIDo83017q/#html
there is the css, try to run it now, sorry if i'm doing this wrong, i'm new at this
0
I see, but the invisible links are still there, i dont know if you can "see" them in the page, they are under the images (edited)
0
I want to keep the links in the images, if you put the mouse cursor under the images you can see there is an invisible box, with the same link, i mean that box
Often have questions like this?
Learn more efficiently, for free:
