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

    Drawing a table in a rough line style in css

    @Edrol97 This seems to work but is fidgety and fragile: https://tomliv.com/codeforum/table/
  2. tomliv

    HTML & CSS Need help with fixing the responsive errors in website

    I can only see the images if I turn off the display:none; that bootstrap applies: https://cln.sh/Tw34Jqzw8d0kFtB0wDsN
  3. tomliv

    HTML & CSS Need help with fixing the responsive errors in website

    Bootstrap has a display:none; rule on .carousel-item
  4. tomliv

    HTML & CSS Need help with fixing the responsive errors in website

    I would recommend only including the slider script and styles on pages that will be using it. I only saw the dots and arrows of the slider on the home page. No slide content. https://cln.sh/3jFxJGYJljH2XwVBjxmF
  5. tomliv

    HTML & CSS Need help with fixing the responsive errors in website

    I am just wondering if the slider structure is being added everywhere whether you want it or not but the related styles are not. "Item 0, Item 1, Item2..." seems like default slider content. Are you able to inspect that copy/structure and see what it is is?
  6. tomliv

    HTML & CSS Need help with fixing the responsive errors in website

    @Paga Is this the structure of the slider without the styles?
  7. tomliv

    HTML & CSS Need help with fixing the responsive errors in website

    I am not seeing the "item 1 item 2" but I am guessing that was the beginnings of the carousel/slider you are using. I see the dots and arrows (on desktop) for the slider but it appears you aren't done yet.
  8. tomliv

    Help to achieve an protruding background and line dividers for text

    Hello Mike, I apologize if I made this more difficult to follow. I did some things out of habit. For example (and forgive if you know this already), I used CSS nesting in the code sample, where I used the &::after etc. In the case of the h1, these two things are the same: h1{ position...
  9. tomliv

    HTML & CSS Need help with fixing the responsive errors in website

    @Paga Do you have a link to the page that you can share?
  10. tomliv

    Help to achieve an protruding background and line dividers for text

    @Mikeh85 You can achieve the protruding red a couple of ways: 1. Using a box shadow with hard edges: box-shadow: -0.5rem -0.25rem red; 2. Using a pseudo element such as ::after or ::before, but this gets a bit harder as you have to worry about stacking order. I added this to the below. For...
  11. tomliv

    Hi

    Welcome!
  12. tomliv

    Horizontal stripe addition across the bottom of a lightbox gallery

    Well, that IS the bottom of the gallery/slider. Are you trying to add it to the bottom of the viewport? If so: Upon investigation of that page and the galleries I'd suggest adding a pseudo element (an ::after element) to .slide-show_containers such as: .slide-show_containers::after{...
  13. tomliv

    Horizontal stripe addition across the bottom of a lightbox gallery

    Could you not just add a border-bottom to the appropriate container?
  14. tomliv

    Whitespace

    You have top margin on the first <p> inside the div in question
  15. tomliv

    Regarding inserting images in html files

    Hello @Debaashish84 , Given this file (directory) structure: MyProject ├─ css ├── styles.css ├─ images ├── myimage.jpg ├── myimage1.jpg ├── myimage2.jpg ├─ index.html The path for one of the images in index.html would be: <img src="images/myimage.jpg" alt=""...
  16. tomliv

    Less is more.

    Less is more.
    • tomliv
    • Profile post
  17. tomliv

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

    Try this instead: <svg id="Layer_1" xmlns="SVG namespace" viewBox="0 0 22.96 33.28" width="22.96" height="33.28"> Added width and height to this line. Also, I recommend running SVGs through an optimizer such as https://jakearchibald.github.io/svgomg/
  18. tomliv

    Custom cursor over html iframe

    I am unaware of a fix, unless you control the content of the iframe.
  19. tomliv

    Custom cursor over html iframe

    If you don't need to interact with the iframe, you could use my previous suggestion on a div that is overlapping the iframe.
  20. tomliv

    Custom cursor over html iframe

    I am guessing it's because with an iframe, you are technically over an entirely different html document with it's own assets, CSS etc. I tested my suggestions over regular content types but not an iframe. Interesting. I'll see if I can make time to try an iframe.

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