Jump to content

JMRKER

Members
  • Content Count

    179
  • Joined

  • Last visited

  • Days Won

    5

JMRKER last won the day on July 5 2020

JMRKER had the most liked content!

Community Reputation

10 Good

1 Follower

About JMRKER

  • Rank
    Member

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. Difficult to comment on code that cannot be seen. How does your code modifications differ from working "Page Link"? Where are you adding the 2nd & 3rd menus? BTW, welcome to the forums.
  2. Assuming you mean horizontal space (not vertical) add this to the .next CSS information margin-left: 5em;
  3. I don't see the problem. It appears to be working correctly. Add an alert(text) at the end to see results. What do you expect to see differently?
  4. What is the question? What do you want it to do? What is the "previous date" referring to in the title of your question? What browser are you using?
  5. JMRKER

    HTML > CSS

    I don't think you have given enough information to help. You show the errors, mostly on 3 lines of your code, but you don't show the code we could comment upon. What do you mean by responsive table? Show fewer rows when resized? Where is break point determined? Have you considered using a flexbox or grid layout yet instead of a table for the responsive layout? Are the cells only images or do they also contain text? BTW, welcome to the forums.
  6. I not sure why you would want to do this 🤔, but this might meet your needs. [code] <script> var x = 'String to be changed.'; // initialize variable const m = new Map(); m.set('uc',x.toUpperCase()); m.set('lc',x.toLowerCase()); var str = x+'\n'+m.get('uc')+'\n'+m.get('lc'); alert(str); // Change variable contents x = 'Some new string'; alert(x+'\n'+m.get('uc')+'\n'+m.get('lc')); </script> [/code] It uses the Map() function to create objects to manipulate your variable. BTW, welcome to the forums.
  7. What does your code look like? This works as expected for me. <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0, user-scalable=yes"/> <title> Test Page </title> <!-- From: https://w3schools.invisionzone.com/topic/62126-how-to-center-a-list/ --> <style> ul { text-align: center; } </style> </head><body> <ul> <li> Coffee </li> <li> Tea </li> <li> Milk </li> </ul> </body></html
  8. Your question is unclear to me. Can you indicate where the "checked numbers" are that won't display? What line(s)?
  9. Another site solved my query. See: https://www.webdeveloper.com/d/391499-vertical-gap-between-div-vs-pre-using-css-grid-why Turns out I needed to override a default setting I had no idea existed. Add to <style> section the following: .grid pre { margin: 0; }
  10. The only intended difference between the grid displays in the following are the use of DIV versus PRE tags. I don't understand why there is a large vertical gap between the displays. Not a major problem, just would like to know why the difference or where it is coming from. <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0, user-scalable=yes"/> <title>css Simple Grid compare</title> <!-- From: https://medium.com/better-programming/make-a-responsive-grid-w
  11. You should include code in a readable format. Consider using the '<>' tag.
  12. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width-device-width,initial-scale=1.0, user-scalable=yes"/> <title> Accordion Panels </title> <!-- From: https://jsfiddle.net/1rsb7gmo/5/ --> <style> #container { width: 50%; } .accordion { background-color: #eee; color: #444; cursor: pointer; padding: 1em; width: 100%; border: none; text-align: left; outline: none; font-size: 1em; } .accordion:hover { background-color: lime; } .accordion.open { background-color: l
  13. Is this what you want or do you want drop-down lists to be separated? <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width-device-width,initial-scale=1.0, user-scalable=yes"/><title> Accordion Panels </title><!-- From: https://jsfiddle.net/1rsb7gmo/5/ --><style> #container { width: 50%; } .accordion { background-color: #eee; color: #444; cursor: pointer; padding: 1em; width: 100%; border: none; text-align: left; outline: none; font-size: 1em; } .accordion:hover { backgrou
×
×
  • Create New...