Welcome to Code Forum!

Join a community that supports you and your coding journey from day one. We strive to be a friendly, supportive community that empowers everyone to be better developers. By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

Search results

  1. Edrol97

    Adding a nav issues

    Hi all, I've made a Jokes page for my site, but it aligns a navbar to the left when I try and add it in the body. Does anyone know how I can prevent this? @font-face { font-family: Eliot; src: url(Fonts/Eliothand2-Regular.otf); } @font-face { font-family: Eliot Headline; src...
  2. Edrol97

    Both spinning (rotating) and moving an image from side to side

    Ideally yes, because I want both to happen simultaneously.
  3. Edrol97

    Both spinning (rotating) and moving an image from side to side

    What I have already in my CSS #peace img { top: 100%; position: relative; animation: linear infinite; animation-name: run; animation-duration: 10s; overflow-x: hidden; } @keyframes run { 0% { left: 0; } 50% { left: calc(100% - 100px); } 100% { left: 0; } }
  4. Edrol97

    Both spinning (rotating) and moving an image from side to side

    Hi, I've added an animation to a graphic on my website and want to make it spin as well as move from side to side. This is a video of how it looks on my current dev site: How would I incorporate both animations on the one graphic?
  5. Edrol97

    Want to add a slide gallery into a page in html- currently using i-frame because of standard img size in added slide gallery

    https://codepen.io/Eliot-Lord/live/jEONLYG Hi all, Wondering how to make a slide gallery in html on an existing page. I have multiple existing imgs in my code already and I want to assign a style to all of the slide gallery imgs without assigning it to other imgs. I also want the gallery to...
  6. Edrol97

    JavaScript Difficulty with wondering how to display all answers and then move onto next question

    Hi Simon, This is my html for the site <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title>Connections</title> <link...
  7. Edrol97

    JavaScript Difficulty with wondering how to display all answers and then move onto next question

    Hi all, I have this Connections style game that I've finally made and I'm very happy with. I want to display the final row of answers when the person gets it right. It should turn blue as this is in the JS. How would I do this? Basically I want it to look like this, which shows up on getting...
  8. Edrol97

    Drawing a table in a rough line style in css

    like join together. Currently looks like this.
  9. Edrol97

    Drawing a table in a rough line style in css

    ok, I've been able to implement a lot of it, but how would I extend the lines so they meet?
  10. Edrol97

    Drawing a table in a rough line style in css

    Hi all, I have a table that I've made in html and css, that I'm quite happy. Looks like the following. but I would like it to look like how you would draw a straight line if you didn't have a ruler or straight edge- a bit funky. How would I do this?
  11. Edrol97

    Horizontal stripe addition across the bottom of a lightbox gallery

    That kind of works but it doesn't put it all the way at the bottom. It just sort of hovers.
  12. Edrol97

    Horizontal stripe addition across the bottom of a lightbox gallery

    Hi all, I want to add a horizontal stripe to the bottom of an existing gallery. The galleries in question can be seen here by clicking on one of the images. I want to add a strip to the bottom of the div that contains the galleries. I think it's something to do with linear gradients, but I'm not...
  13. Edrol97

    JavaScript How do I log results for a leaderboard?

    I'm wanting to log results for a specific quiz game I've made for a leaderboard. How would I do this in js? The quiz game would be for a corporate workshop that I am eventually going to be running and I'm just trying to have a bit of fun at work by coding this. I've got a base of the game and...
  14. Edrol97

    Trying to add a base64 image as a cursor- svg?

    Hi all, I'm trying to add an svg sized to 32px by 32px as a cursor pointer alternative in svg. I'm using base64 and have also tried using the path for the file, but the pointer replacement is not showing up. Does anyone have any idea why?
  15. Edrol97

    How do I add a custom surge domain name?

    OK, it says command not found. Do I do this in the code file or do I do it just on Terminal? Sorry I'm a complete novice when it comes to this.
  16. Edrol97

    How do I add a custom surge domain name?

    I've been trying to add a custom surge domain name and can't figure out how to not get error messages. Does anyone have experience of adding a site to surge? Thanks, Eliot
  17. Edrol97

    Free dev website hosters

    This works great Simon, but can I hide the code using codepen? I just want to display the screen with the quiz on for ease of access
  18. Edrol97

    Free dev website hosters

    Hi all, I want to implement some code for a workshop I am running and wonder if there is a dev website mode that I can link to a qr code for people to do during the session? Does anyone know of one? I'm a bit confused by the Github method and installing it through Terminal. How would I do this?
  19. Edrol97

    JavaScript How do I disable right click with a tooltip appearing when clicked?

    Hi all, I've seen some posts recommending this shouldn't be done on Google, but want it for my website as I think it's a cool feature to put a copyright into but also maybe a quirky little message. Does anyone have ideas of how to do this? I know I will add an eventlistener of sorts and an...
  20. Edrol97

    How do I add an .svg file as a cursor?

    <?xml version="1.0" encoding="UTF-8"?> <svg id="Layer_1" xmlns="SVG namespace" viewBox="0 0 22.96 33.28"> <defs> <style> .cls-1 { fill: #231f20; } .cls-2 { fill: #fff; } </style> </defs> <path class="cls-2"...

About Us

Code Forum is a community platform where coding enthusiasts can connect with other developers, engage in discussions, ask for help, and share their knowledge with a supportive community. It's a perfect place to improve your coding skills and to find a community of like-minded individuals who share your passion for coding.

Site links

Stay Connected

Back
Top Bottom