HTML Forums | An HTML and CSS Coding Community

Welcome to HTMLForums; home of web development discussion! Please sign in or register your free account to get involved. Once registered you will be able to connect with other members, send and receive private messages, reply to topics and create your very own. Our registration process is hassle-free and takes no time at all!

Search results

  1. R

    Random thumbnail positions on hover of randomly positioned text

    So I came across Jason Knight's random thumb position snippet over at https://forums.htmlhelp.com/ - a non-jquery effort! All I i'm trying to make multiples of these grey bounding boxes, and for them to randomly position on a screen too. HTML <div class="buttonThumbs"> <button...
  2. R

    Random thumbnail positions on hover of randomly positioned text

    I would like that when a user hovers different words, that a random arrangement of thumbnails fades-in. Some caveats: thumbs should stay fairly close to the corresponding text. thumbs can overlap, but not fully. both the text and the thumb positions should be random on every page refresh text...
  3. R

    the problem with "display:none;" and SEO

    hi all, I have always made my pages "by hand". just coding them, a bit of javascript here and there. And because I like to experiment with designs, i use a lot of popup divs, which means i use "display:none" tags for those divs. I've been told that this could be hurting my searchability. The...
  4. R

    Stop Video on Modal Close

    I have several modals, each with a different iframe with a different embedded youtube video. When someone closes out of the modal (either by clicking away, hitting ESC or closing it), I would like the youtube video in the modal to stop. I am not using bootstrap. Below is an example of just...
  5. R

    how to make nth-child include a range (eg. 0-19)

    hi all, I have a bit of css code and each div child needs to have a property. Hence it looks like this. It goes from 0 all the way to 19. div:nth-child(0) { transform: translate3D(0%, 0%, calc(var(--itemZ) * var(--cameraSpeed) * 0 * -1px)); } div:nth-child(1) { transform: translate3D(0%, 0%...
  6. R

    Triggering a link if wrapped in an <em> tag

    by changing `e.target` to `e.currentTarget` , it worked. $('.modal-button').click(e => { e.preventDefault(); $(e.currentTarget).closest('.modal').add('body').addClass('open'); openModals.push($($(e.currentTarget).attr('href')).show()); });
  7. R

    Triggering a link if wrapped in an <em> tag

    I am having an issue where a modal isn't triggering if it is wrapped in an <em> tag. In my example, if you click in the "normal" font-style part of the link, it fires properly, if you click where the italics are, it won't. Any ideas? JS $(function () { const openModals = []...
Back
Top