search

gudh / ihover

iHover is a collection of hover effects using pure CSS, inspired by codrops article, powered by Sass.
gudh.github.io/ihover/dist/index.html
3.48k stars 1.19k forks source link

hyperlinks inside .info div? #6

Open Theowdfb opened 10 years ago

Theowdfb commented 10 years ago

In the codrops article hyperlinks are used inside paragraphs (and inside the div with .ch-info). Is it possible to do this with ihover? Simply inserting a hyperlink inside the div + paragraph with ihover isn't possible because that would put a hyperlink within a hyperlink. Tried re-locating the existing hyperlink (that contains the image and the div with .info) into the div with .info but that seriously messes up the effect.

grafxflow commented 10 years ago

I would also like to know this… Do I have to create a jQuery hyperlink related to a div tag instead?

<p id="Portfolio">Read More...</p>
<script>
$("#Portfolio").click(function(){
window.location = "http://www.your-url.com"; 
return false;
});
</script>

This works for browsers but is very hit and miss for mobiles.

alimalibaev commented 10 years ago

Thu, 26 Jun 2014 14:46:56 -0700 от grafxflow notifications@github.com:

I would also like to know this… Do I have to create a jQuery hyperlink related to a div tag instead? — Reply to this email directly or view it on GitHub .



grafxflow commented 10 years ago

Sadly it doesn't solve the problem with regards to mobile devices which don't have the rollover state. At the moment adding the jQuery gets around the problem with normal desktop browsers.

vitorf7 commented 8 years ago

I have solved this by simply copying all the styles for the effect that I wanted to use and then remove all the a:hover and instead do the .ih-item:hover and then any nested a tags inside were working