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

    Is there a way?

    I was able to get the viewer to be full viewport width with these changes: .pdf-container { width: 100%; margin: 0 auto; box-sizing: border-box; } .pdf-container object { width: 100%; border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 2px 10px rgba(0, 0, 0...
  2. tomliv

    Is there a way?

    @Edrol97 Not quite following what you're asking for. Do you have a link to the page?
  3. tomliv

    Best Practices for Modern Web Design: Tips and Insights?

    I'll add that if you are learning front-end development, it's very important to learn CSS before using something like Tailwind so you have the knowledge you need to understand what it's doing and be able to competently troubleshoot it.
  4. tomliv

    Problem with social media logos sizing

    It would be easier to control things if the links were in a list: <ul> <li><a href="https://www.facebook.com/house.of.lord.illustration1/" target="_blank"><img src="img/background/Facebook Logo.png" class="fa fa-facebook"></a></li> <li><a href="https://twitter.com/eliotlord1"...
  5. tomliv

    Responsive columns question

    It can be done. A wrapper div around the image is optional, but I find it helps. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Grid Sample</title> <style> .row{...
  6. tomliv

    Responsive columns question

    Here's my code, and it was tested not only in a browser but on both Android and iOS devices: https://tomliv.com/codeforum/grid/ This creates 2 columns at phone widths. The 300 was random, and as I mentioned, adjust as needed. I don't know what all your code is besides the sample you provided...
  7. tomliv

    Responsive columns question

    Here's a more "manual" approach: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .row{ display: grid; grid-template-columns: 1fr...
  8. tomliv

    Responsive columns question

    Adjust as needed: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .row{ display: grid; grid-template-columns...
  9. tomliv

    General code issues- fact generator page logo

    Include width and height in your logo svg like this: <svg id="Layer_1" data-name="Layer 1" xmlns="SVG namespace" xmlns:xlink="XLink namespace" width="246.85" height="144.06" viewBox="0 0 246.85 144.06">
  10. tomliv

    General code issues- fact generator page logo

    Can you post a link to the page? It’s easier to troubleshoot.
  11. tomliv

    General code issues- fact generator page logo

    Try removing the space in the file name for both the image file as well as the references to it.
  12. tomliv

    Autoplay background video loop on mobile (404 page)

    Also, I recommend browserstack.com for testing in various devices. Real devices.
  13. tomliv

    Autoplay background video loop on mobile (404 page)

    Not sure. We have a video working using those attributes with no issues.
  14. tomliv

    Autoplay background video loop on mobile (404 page)

    Add the playsinline attribute to the video as well
  15. tomliv

    Autoplay background video loop on mobile (404 page)

    What phone OS? Do you have reduced motion accessibility settings turned on? Does the video have an audio track?
  16. tomliv

    How do I get this underline to fully underline all <a></a> tags

    I don't believe there is a way to do what you are looking for. I'd suggest altering the image so it can horizontally repeat without a gap or misalignment. Both ends would need to line up perfectly if you were to place it next to itself, which is what's happening here.
  17. tomliv

    How do I get this underline to fully underline all <a></a> tags

    Try adding background-repeat: repeat-x; and use background-position: bottom; instead. You may need to add padding-bottom to give image room.
  18. tomliv

    Wanting to insert multiple videos in the same html player- is there a way to do this?

    JS isn't my strong suit either, so I asked ai to help: <!DOCTYPE html> <body> <video id="player" width="640" height="360" controls></video> <script> // URL list const playlist = [ "video1.mp4", "video2.mp4", "video3.mp4" ]; const delayBetweenVideos =...
  19. tomliv

    Wanting to insert multiple videos in the same html player- is there a way to do this?

    One at a time, I assume. Track when a video has ended and swap out the source for the next video.
  20. tomliv

    Wanting to insert multiple videos in the same html player- is there a way to do this?

    @Edrol97 Can you explain more? Multiple at the same time?

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