
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 GoodAbout JMRKER
-
Rank
Member
Recent Profile Visitors
The recent visitors block is disabled and is not being shown to other users.
-
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.
-
Assuming you mean horizontal space (not vertical) add this to the .next CSS information margin-left: 5em;
-
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?
-
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?
-
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.
-
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.
-
Care to share your solution?
-
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
-
Your question is unclear to me. Can you indicate where the "checked numbers" are that won't display? What line(s)?
-
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; }
-
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
-
You should include code in a readable format. Consider using the '<>' tag.
-
<!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
-
JMRKER started following W3.CSS Accordions
-
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