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

    Crossword numbers addition?

    Hi Simon, sure. Code above.
  2. Edrol97

    Crossword numbers addition?

    Hi all, I've got this crossword that I've made, but I'm wondering how do I number each of the clue boxes? Link and code below. Link <h1>CrossWords</h1> <div id="puzzlecontainer"></div> <div class="Clues"><h1>Clues</h1></div> <div id="Across"> <div class="column1">...
  3. Edrol97

    Want to create a frame for a navbar

    I want to create a framing for a navbar on a particular page of my site similar to the one below. Currently the code I have is as follows: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />...
  4. Edrol97

    Appearance of game on mobile better

    I did but how do I change the size of the input boxes?
  5. Edrol97

    Appearance of game on mobile better

    Hi all, I've been toying around with many elements of my site this week and am wanting to make the functionality for mobile better. I've got a wordle style game on the site which can be accessed by the following link. My issue is it currently looks very different on mobile. I want to make the...
  6. Edrol97

    Different mouse hover cursor function for disabled button

    Aha, I've got that on there now but it's still not working as it should. It's still got the pointer style image that I have acting as the cursor. This is what I've got now. .content .reset-btn:disabled :hover { cursor: url(img/background/cursors/Mouse%20cursor.png), auto; } </div>...
  7. Edrol97

    JavaScript How do I get this scroll effect on my navbar

    Solved- thanks! I managed to figure it out!
  8. Edrol97

    Different mouse hover cursor function for disabled button

    Hi all, I have a disabled class on a button that I want to add a cursor :hover effect to. I tried the following: .content .reset-btn:disabled :hover { cursor: url(img/background/cursors/Mouse%20cursor), auto; } which didn't work so am wondering if this requires calling a js function or...
  9. Edrol97

    JavaScript How do I get this scroll effect on my navbar

    I can't seem to get it to work in the way you have it. It's either too much of a distance between div class title-text1 or doesn't scroll beyond the text. I'll ask my coding tutor if he has any ideas for tomorrow. Thanks for your help though!
  10. Edrol97

    JavaScript How do I get this scroll effect on my navbar

    Here's the live link: www.house-of-lord.co.uk/Art
  11. Edrol97

    JavaScript How do I get this scroll effect on my navbar

    OK, I've tried working with this quite a bit, and i'm not sure how to make it so that there is little space on top below the navigation bar but still the sticky nav stays at the top all the way down. At the moment, it's disappearing as soon as the body text comes to the top of the screen. Do you...
  12. Edrol97

    JavaScript How do I get this scroll effect on my navbar

    So would I wrap it in a larger div for this and define the div's height and width as so: .wrapperdiv { width: 100% height: 20% } .wrapperdiv .navbar { height: 10% }
  13. Edrol97

    JavaScript How do I get this scroll effect on my navbar

    I've kind of found a semi-solution except ideally I would like to move the nav bar forward. I've tried doing this with the z-index on css to no avail, and wonder if you may have a solution. Pics below to show what I have
  14. Edrol97

    JavaScript How do I get this scroll effect on my navbar

    Yes, except for the colour, but how would I change this in the relevant Bootstrap stylesheet?
  15. Edrol97

    JavaScript How do I get this scroll effect on my navbar

    Hi all, wondering how to make a navbar in two sections sticky. I only want the navbar section of it to be sticky. Video attached of what I want
  16. Edrol97

    JavaScript Trying to figure out date display in JS

    How would I display the full date from this, i.e. Sunday September 29 2024?
  17. Edrol97

    JavaScript Trying to figure out date display in JS

    Hi all, Got a page on my site that I want to display today's date on. Currently i have this code: <span class="date"></span> <script> const today = new Date(); const formattedDate = today.toDateString(); document.getElementById("date").textContent = formattedDate; </script> I don't...
  18. Edrol97

    Editing my CSS for single navbar- want it chopped off at sides

    Hi John, The problem is I want each <a> element in .topnavmail to appear a different colour on hover. I've done the margin: 0 auto for the header, and it works, but when I try and input the same logic for the footer, it doesn't position it to the center. The footer I wish to create a near...
  19. Edrol97

    Editing my CSS for single navbar- want it chopped off at sides

    Hi all, I've got a navbar I want to create similar to the one below. Currently my satirical version looks like this- There are a few problems with the navbar- namely the shape of it- I want it to be slimmer cut down at the sides to about 75% width, and also there is a hover effect on the...
  20. Edrol97

    Hover feature img disabling

    I've managed to solve it to an extent by putting the image within a different parent div and styling the div with an empty img file underline style but it still doesn't work perfectly, as the padding on the img Pun logo is showing linked to a URL.

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