- This topic is empty.
August 2, 2016 at 8:29 pm #244183johnedParticipant
I am having trouble having a thumbnail image enlarge when I hover over it.
The image enlarges when I hover over other areas of the page not just when I hover over the image. What do you think I am doing wrong to cause this? Also if I click on the thumbnail it opens up on another page. How do I prevent it from opening up on another page. I have the code I used here-http://codepen.io/Johned22/pen/vKzAyd
Thanks in advanceAugust 2, 2016 at 11:40 pm #244186AtelierbramParticipant
I made this thing the other day:
Note that this is marked up as an unordered list.
Also if I click on the thumbnail it opens up on another page. How do I prevent it from opening up on another page.
Alternatively, if it is not important to link to a larger images, one can omit the url by replacing it with
#0(last one to prevent jumping to the top of the page).
<div class="gallery gallery-thumbnails"> <ul class="gallery-thumbnails_list"> <li><a href="#!"><img src="//placehold.it/200/ffffff/bb3300" alt=""></a></li> <li><a href="#!"><img src="//placehold.it/200/ffffff/b39d0f" alt=""></a></li> <li><a href="#!"><img src="//placehold.it/200/ffffff/69298e" alt=""></a></li> </ul> </div>August 2, 2016 at 11:45 pm #244187pctechtvParticipant
As for the anchor tags (links) not opening up in the same window that is pretty easy. I edited two: http://codepen.io/pctechtv/pen/xOaJjQ But read about all your options: http://www.w3schools.com/tags/att_a_target.asp
- The forum ‘CSS’ is closed to new topics and replies.