Jump to content


  • Content Count

  • Joined

  • Last visited

  • Days Won


dsonesuk last won the day on September 1

dsonesuk had the most liked content!

Community Reputation

901 Excellent


About dsonesuk

  • Rank
    w3schools Guru
  • Birthday July 15

Recent Profile Visitors

104,046 profile views
  1. If you want to change all anchor attributes using linkElements , why are you targeting .item[i] which does not exist?
  2. Maybe because close() is already a key function used by javascript. Try renaming it.
  3. dsonesuk

    CSS form element

    That is text on its own, as it suggests with #text, input are void elements they dont hold content so using that attribute name is useless, only the form element is a content container try using that as a reference, it will change both together though, not separately.
  4. I believe you can set it to accept both. Short tags and long tags.
  5. If the font does not exist on your o/s it won't work. You need to download/link to this font and refer to it in css. See https://www.w3schools.com/whatis/whatis_google_fonts.asp
  6. Position absolute should only be used to overlay elements over another element. The direct child after body just requires min-height: 100%;.
  7. The first script tag is a link to external javscript code, it has opening script tag, the src attribute then a closing script tag. Your inline js code should have a opening script tag NO src attribute, you also have async and defer attributes outside the bottom opening script tag.
  8. Its the media queries setting font-size: 14px for (max-width: 767px) and (min-width: 320px), (max-width: 450px)
  9. Refer to parent id class element, it depends. Original: .mydiv { color: lime !important; } Override examples: body div.mydiv { color: red !important; } #parentdiv div.mydiv { color: yellow !important; } .parentdiv div.mydiv { color: purple !important; }
  10. You need to validate your page, it has misplaced javascript code, and div element. It also looks like it uses javascript to identify the scroll positioning, so you need to remove or turn it off. I dont see any load issues, but it could be down to problem mentioned at beginning.
  11. Yes! Adding more than one link will cause the whole web site to burst into flames, or does it? Ever thought of...you know, just trying it!
  12. Change display property, it only works if display: grid is used.
  13. You should never use 100% width on body or html element, that will cause issues. Bootstrap deals with html code within body element, not html or body tags themselves. If you didn't use html, body with 100% height, and tried to use flex box to give a container height to fill page, it wouldn't because the body shrinks down to content which would be flex box element margins, padding and flex box would fill to that height of body. So you control body, html height depending on the design required.
  14. You usually set body, html to height: 100%, Then set a outermost container to min-height: 100%; or nowadays min-height: 100vh;
  15. As long as you use container-fluid within you html you should be fine, as container class adusts to device width using media queries which are fixed widths, while container-fluid uses 100% filling the width of parent container it is in.
  • Create New...