Jump to content


  • Content Count

  • Joined

  • Last visited

  • Days Won


dsonesuk last won the day on February 16

dsonesuk had the most liked content!

Community Reputation

846 Excellent

About dsonesuk

  • Rank
    w3schools Guru
  • Birthday July 15

Recent Profile Visitors

96,819 profile views
  1. dsonesuk

    Dropdown Box Width

    You style the select elements and the option should be identical to that width.
  2. What editor are you using?
  3. https://www.w3schools.com/code/tryit.asp?filename=G19MDT6C3HPE It does exactly what i said it would do, so i don't know what you are doing for it to do that?
  4. Actually it does work html, body, and the table wrapper, if you give the wrapper background color red it goes down to bottom of screen, if you talking about the other elements that a different matter altogether. The title says body tag only, that html and wrapper were not mentioned, As i mentioned you could use the vh unit for each row of elements to fill the whole browser window for quick fix.
  5. The reason I didn't answer, is I thought common sense would have prevailed because as I see it you have two options (1) Add min-height:100% to wrapper and see what happens? that simple! (2) Came here ask for more help and be embarrassed why you didn't just think of doing that in the first place.
  6. https://www.w3schools.com/tags/att_input_type_image.asp
  7. Follow my full instructions in my last post.
  8. use height: 100% only for html, body NOT min-height html, body {height: 100%;} The apply min-height to the most outermost child container following after body tag ONLY .Table {min-height: 100%;} using min-height: 100% on child element/s within the parent .Table class won't do anything. This setup will fill the screen from the start and content extending beyond browser window height will cause the html, body to extend to content height. You can use 100vh, but! Using this for html, body tag means it won't extent with content as the first did.
  9. dsonesuk

    Send off a message code book example problem

    So they got right! The source code you can download, <!DOCTYPE HTML> <html lang="en"> <head> <meta charset="UTF-8"> <title>PHP Form Action</title> </head> <body> <form action="action_handler.php" method="POST"> <dl> <dt>Name:<dd><input type="text" name="name"> <dt>Email Address:<dd><input type="text" name="mail"> <dt>Comments:<dd><textarea name="comment" rows="5" cols="20"></textarea> </dl> <p><input type="submit" ></p> </form> </body> </html> but got it wrong in the book? how embarrassing. You know what! I would sue, but just in case, I would recheck in case they counter sue on the grounds you are at fault in that you mistakenly missed out the quotes.
  10. The order is the index order the Items are listed, you can insert them any order and it will always display in that same order unless sorted for example using sort().
  11. The controls are all different in size and icons depending on browser used. You can create customized controls using images, css, but this will require you recreate each custom button with JavaScript functions to reproduce same results the browser controls provide. google "html5 video custom controls css"
  12. dsonesuk

    youtube example about Grid

    And that column size is determined by its parent and parent siblings. If they are incorrect how do you expect they card area to be proportional correct.
  13. dsonesuk

    Responsive navigation and hero image

    Search w3schools.com for tutorials about media queries and how to use them.
  14. dsonesuk

    Responsive navigation and hero image

    You place the media queries below the original default code and place selector and changes in styling within the device set size range of each media query.
  15. "li" ="list-item"=<li>...</li> "a"="anchor"=<a href="#">link 1</a>