Tables Side by Side
How to create side-by-side tables with CSS:
| First Name |
|---|
| First Name |
|---|
| Jill |
smp canada
th, td { border-style: solid; border-color: #0000FF; background-color: #00FFFF; }
Table With Dotted Borders
Use the CSS border-style property to set the style of the borders.
| Agriculture | One Health | Quantum Technologies | Sustainable Life | Green Economy |
| Water Management | Specialized and Advanced Manufacturing | Public Policy | Waste Management and Urban Design | Artificial Intelligence |
| Arts and Culture | Indigenous Knowledge Systems | Conservation and Preservation of Heritage | Digital Humanities | Pandemic Preparedness |
// Pop-up if (document.querySelector(".fl-pop-up")) { window.addEventListener("load", function() { var btn = document.getElementById("btn_fl-pop-up"); var modal = document.getElementById("fl-pop-up__init"); // Open if exist if (btn) { btn.onclick = function() { modal.classList.add("fl-pop-up__active"); }; } var modal__overlay = document.querySelector(".fl-pop-up__overlay"); var close = document.querySelector(".fl-pop-up__overlay--close"); // Close on close click close.onclick = function() { modal__overlay.classList.remove("fl-pop-up__active"); }; // Close on window click window.onclick = function(event) { if (event.target == modal__overlay) { modal__overlay.classList.remove("fl-pop-up__active"); } }; // Close on ESC document.onkeydown = function(evt) { evt = evt || window.event; if (evt.keyCode == 27) { modal__overlay.classList.remove("fl-pop-up__active"); } }; }); } // Abandoning visitor var mouseX = 0; var mouseY = 0; var popupCounter = 0; document.addEventListener("mousemove", function(e) { mouseX = e.clientX; mouseY = e.clientY; var modal = document.getElementById("fl-pop-up__ab"); if (mouseY < 50) { if (popupCounter < 1) { modal.classList.add("fl-pop-up__active"); } popupCounter++; } });