Welcome!

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. K

    JavaScript Multi Word search

    I'm using a JS array to find matches, what I have works fine for single word search or multi work searchs if the words are in the same order, but try below with "truck d" and Duck Truck and Donald Truck don't show. Any help appreciated https://codepen.io/kodee/pen/WNMWMqa?editors=1111
  2. K

    HTML & CSS Make Date Field look like Text field

    As the title suggests, I want my date field to have the same padding etc as my text field. How can I do this? https://codepen.io/kodee/pen/ExQjdor
  3. K

    CSS CSS extra white space

    Why does my browser have x & y scrolling and white space on the right of my content? It makes no sense but it's there on Chrome, Firefox and CodePen https://codepen.io/kodee/pen/qBpwxKQ
  4. K

    JavaScript In view addclass otherwise remove

    This is an example code I have, what I want to do is add the class activeTab when the tab is IN view. I also want to add this to the corresponding dot. So the 3rd will link to the 3rd. Can anyone please help? https://codepen.io/kodee/pen/abEQjPV
  5. K

    CSS how to show Items in container are scrollable (mobile)

    I have a menu which is nested into a container; .slider{ width: 100%; display: grid; grid-template-columns: repeat(7, 1fr); grid-template-rows: 1fr; overflow-x: auto; scroll-snap-type: x mandatory...
  6. K

    HTML & CSS Move Text Box in Focus - maybe JS question

    Hello Helpers! Here's is a basic copy of what I'm working on. The textbox will show a list of options when a user types seomthing. It works perfectly on desktop. On mobile I need to move the textbox to the top, or say 50px from the top to allow for a header/menu. Any ideas on how I can move...
  7. K

    HTML & CSS Absolute position of image within image tag (JS)

    Pretty much as the subject says. I've got a image tag, it's inside a DIV which is set to a specific size. I want to then fit my image object as best I can. I've used object-fit: cover and object position but I'm wondering if there's a script HTML/CSS and or JavaScript which would enable me to...
  8. K

    CSS Snapping content which is larger than viewpoint

    I have a page which is snapping on each section as you scroll down. It works very well however one of my sections is larger than 100vh when on mobile view. I can work around it but when I get to the bottom of the content it snaps to the next section and provides a bad UX as you can't read the...
  9. K

    HTML Background Video

    I'm not sure how popular these forums are but I'm hoping someone can help me. I'm trying to play a video as my ground image, the video is 45 seconds long and set to loop. It's 100vh and 100vw with an opacity dialed down on it. My question is two things. 1) How can I pause or delay the video...
  10. K

    CSS Background Change

    I'm trying to make a background 'movie' or 'carousel'. Currently I have the following. But I'd like to make it so that when a particular images loads it zooms and it's position changes. So zoom in and move to the left 200px. Then the next one zooms out. Any ideas if and how this is possible...
  11. K

    CSS Simple but why? do I have padding/margin?

    Here's my codepen, when I try create a link I'm getting extra space under my image hyperlink. Why? all padding / margins have been removed https://codepen.io/kodee/pen/OJzVdjG
  12. K

    CSS Transparent background when top of screen

    I have a header bar, when my page loads of the page is scrolled to the top I want the background to be transparent so you can see the background hero image cleanly. As the user scrolls down I want the header bar to apply my background color. Is there a way you can do this in CSS or does it...
    • kiwis
    • Thread
    • css css & javascript css animation
    • Replies: 1
    • Forum: HTML & CSS
  13. K

    JavaScript Appending Data Array to search

    I'm using select2.org https://select2.org/data-sources/arrays My list is in the thousands, It loads quickly enough I believe. I believe this as my page loads quickly However when I start typing it can freeze my screen for a 20 seconds. I assume something is happening behind the scenes. Any...
  14. K

    JavaScript Check if all radio groups have a selection.

    I'm population a page with a dynamic number of radio groups. I'm looping through items in a database and giving 3 options for each row <input type="radio" name="<?php echo $row['id']; ?>_a" value="1"> <input type="radio" name="<?php echo $row['id']; ?>_b" value="1"> <input type="radio"...
  15. K

    CSS How to achieve this

    I need the text to be full center on of the container but have an angle cut across the image to try give an abstract view of it. Was thinking about after and 'after' pseudo element positioned there so here's were I got up to if anyone is able to help https://jsfiddle.net/nzkiwis/vpa5c2og/8/
  16. K

    CSS z-index not working on IOS browsers

    've got a container DIV which has a position of relative. Inside this a text input box and another DIV (resultsContainer). This second DIV has position absolute, z-index of 9999 and has children DIV's added by JS fetch response looping through JSON data. It works on desktop/laptop browers fine...

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