JMRKER
-
Content Count
172 -
Joined
-
Last visited
-
Days Won
5
1 Follower
-
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
-
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
-
-
How did you modify the code in the link to create the second 'to-do' list? My guess is that the event to strike out the text is using a reference to the 1st list, not the second. Need to see your code
-
You're most welcome. Happy to help. Good Luck and welcome to the forums.
-
Here is an example of how it could be done. You can save the counts as a string or submit them in a form individually. They could also be saved in local storage or cookies, but again JS is not designed so that everyone the web would see total counts. Only the user. I had no images, but you should be able to supply your own. The 'Clear Counts' button is optional and can be removed. Note that it is the only 'button' with an associated ID value. Only tested in FF & Chrome. It should be tested further if you expect to use MSIE. <!DOCTYPE html><html lang
-
Do you realize that the like counts will go no further than the user's computer? Cookies are only save on the currently used computer and not sent or shared with any others. Based on this information, do you still want to pursue additional like button functions?
-
See if you can use this: <script> const recpSqrt = (value) => { return 1/(Math.sqrt(value)); } var v = 2; alert('Value: '+v+'\nSqrt: '+Math.sqrt(v)+'\nRecpSqrt: '+recpSqrt(v)); v = 3; alert('Value: '+v+'\nSqrt: '+Math.sqrt(v)+'\nRecpSqrt: '+recpSqrt(v)); v = 4; alert('Value: '+v+'\nSqrt: '+Math.sqrt(v)+'\nRecpSqrt: '+recpSqrt(v)); v = 5; alert('Value: '+v+'\nSqrt: '+Math.sqrt(v)+'\nRecpSqrt: '+recpSqrt(v)); </script>
-
I don't know if this is the problem, but you have "tablink" as the className reference in your program but the linked program in your last post uses "tablinks". (note the plural form) I don't know enough about PHP to help with that portion, you don't have the CSS available and your HTML section is missing for comparison purposes.
-
The code of the link works !00% of the time. What does your code look like? I can view the code of the former, but have no idea what your code looks like. Please include some. BTW, welcome to the forums. :)