Button Underline Example/title> <link rel="shortcut icon" href="favicon.ico"> <meta name="description" content="View NASCAR Driver Championships"> <link rel="stylesheet" media="screen" href="../css/styles.css"> <link rel="stylesheet" media="print" href="../css/print.css"> <link rel="stylesheet" href="../css/sortable.css"> <script src="../js/sortable.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <style> body { margin: auto; text-align : center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } table { width: 94%; max-width: 400px; border: 1px solid #374CA0; font: normal 13px verdana, sans serif; } #header { height: 42px; color: #fff; text-align: center; background-color: #374CA0; border: 1px solid #374CA0; font: normal 13px verdana, sans serif; } table th { border: 0; text-align: left; border-bottom: 1px solid #374CA0; } table.sortable td { height: 26px; text-align: left; background: #FFFFE6; border: 1px solid #eee; } table.sortable th:first-child { width: 20%; text-align: center; } table.sortable th:nth-child(2) { width: 30%; text-align: center; } table.sortable th:nth-child(3) { width: 50%; } table.sortable td:first-child { border: 0; text-align: center; background-color: #DFE5FF; border-right: 1px solid #374CA0; } table.sortable td:nth-child(2) { text-align: center; } table.sortable td.footer-right { font-size: 12px; text-align: center; border-top: 2px solid #ccc; } #special { color: blue; font-size: 12px; } #special:hover { color: green; } @media (max-width: 700px) { .element-sm { display: none; } } @media (min-width: 700px) { .element-lg { display: none; } } </style> </head> <body> <div class="top"> <div class="noprint"> <nav class="navbar"> <div class="logo"> <a class="logo" href="https://www.nascarreference.com"> <img src="https://www.nascarreference.com/images/miscimages/logo.png" alt="NR Logo"> </a> </div> <button class="menu-toggle" aria-label="Toggle menu">☰</button> <ul class="menu"> <li><a href="https://www.nascarreference.com/">Home</a></li>  <li class="dropdown"> <a href="#">File</a> <ul class="dropdown-menu" style="width: 220px"> <li><a href="https://www.nascarreference.com/file/onthisday.php">On This Day in NASCAR History</a></li> <li class="divider"></li> <li><a href="https://www.nascarreference.com/file/flags.php">NASCAR Flags</a></li> <li><a href="https://www.nascarreference.com/file/inductee.php">Hall of Fame Inductees</a></li> <li><a href="https://www.nascarreference.com/file/info.php">Hall of Fame Information</a></li> <li class="divider"></li> <li><a href="https://www.nascarreference.com/file/dale.php">Tribute To Dale Earnhardt</a></li> <li><a href="https://www.nascarreference.com/file/jake.php">Remembering Jake Elder</a></li> <li><a href="https://www.nascarreference.com/file/ricky.php">Remembering Ricky Hendrick</a></li> <li><a href="https://www.nascarreference.com/file/jeff.php">Tribute to Jeff Gordon</a></li> <li class="divider"></li> <li><a href="https://www.nascarreference.com/file/help.php">Help...</a></li>  </ul> </li>  <li class="dropdown"> <a href="#">Schedules</a> <ul class="dropdown-menu" style="width: 240px"> <li><a href="https://www.nascarreference.com/schedules/schedules.php">Schedules</a></li> <li><a href="https://www.nascarreference.com/schedules/schedhis.php">Historic Schedules</a></li> <li class="divider"></li> <li class="dropdown"> <a href="#">Last Race Results</a> <ul class="dropdown-menu sub-menu"> <li><a href="https://www.nascarreference.com/schedules/summary.php?RaceID=0&Series=1">NASCAR Cup Series</a></li> <li><a href="https://www.nascarreference.com/schedules/summary.php?RaceID=0&Series=2">O'Reilly Auto Parts Series</a></li> <li><a href="https://www.nascarreference.com/schedules/summary.php?RaceID=0&Series=3">Craftsman Truck Series</a></li> </ul> </li> <li class="divider"></li> <li class="dropdown"> <a href="#">NASCAR Cup Series Races</a> <ul class="dropdown-menu sub-menu"> <li><a href="https://www.nascarreference.com/schedules/showrace.php?Series=1&TrackType=H">Short Tracks</a></li> <li><a href="https://www.nascarreference.com/schedules/showrace.php?Series=1&TrackType=I">Intermediate Tracks</a></li> <li><a href="https://www.nascarreference.com/schedules/showrace.php?Series=1&TrackType=S">SuperSpeedways</a></li> <li><a href="https://www.nascarreference.com/schedules/showrace.php?Series=1&TrackType=C">Road Courses</a></li> </ul> </li> <li class="dropdown"> <a href="#">O'Reilly Auto Parts Series Races</a> <ul class="dropdown-menu sub-menu"> <li><a href="https://www.nascarreference.com/schedules/showrace.php?Series=2&TrackType=H">Short Tracks</a></li> <li><a href="https://www.nascarreference.com/schedules/showrace.php?Series=2&TrackType=I">Intermediate Tracks</a></li> <li><a href="https://www.nascarreference.com/schedules/showrace.php?Series=2&TrackType=S">SuperSpeedways</a></li> <li><a href="https://www.nascarreference.com/schedules/showrace.php?Series=2&TrackType=C">Road Courses</a></li> </ul> </li> <li class="dropdown"> <a href="#">Craftsman Truck Series Races</a> <ul class="dropdown-menu sub-menu"> <li><a href="https://www.nascarreference.com/schedules/showrace.php?Series=3&TrackType=H">Short Tracks</a></li> <li><a href="https://www.nascarreference.com/schedules/showrace.php?Series=3&TrackType=I">Intermediate Tracks</a></li> <li><a href="https://www.nascarreference.com/schedules/showrace.php?Series=3&TrackType=S">SuperSpeedways</a></li> <li><a href="https://www.nascarreference.com/schedules/showrace.php?Series=3&TrackType=C">Road Courses</a></li> </ul> </li> <li class="divider"></li> <li><a href="https://www.nascarreference.com/schedules/clash.php">The Clash</a></li> <li><a href="https://www.nascarreference.com/schedules/duels.php">Daytona Duels</a></li> <li class="divider"></li> <li><a href="https://www.nascarreference.com/schedules/open.php">All-Star Open</a></li> <li><a href="https://www.nascarreference.com/schedules/allstar.php">All-Star Race</a></li> <li class="divider"></li> <li><a href="https://www.nascarreference.com/schedules/exhibition.php">Exibition Races</a></li> </ul> </li>  <li class="dropdown"> <a href="#">Drivers</a> <ul class="dropdown-menu" style="width: 230px"> <li><a href="https://www.nascarreference.com/driver/drvactive.php">Search Active Drivers...</a></li> <li><a href="https://www.nascarreference.com/driver/drvsearch.php">Search By Name...</a></li> <li><a href="https://www.nascarreference.com/driver/drvstates.php">Search By State...</a></li> <li class="divider"></li> <li><a href="https://www.nascarreference.com/driver/drvstandings.php">Current Standings</a></li> <li><a href="https://www.nascarreference.com/driver/drvhiststand.php">Historic Standings</a></li> <li class="divider"></li> <li><a href="https://www.nascarreference.com/driver/drvchamprank.php">Championship Ranking</a></li> <li><a href="https://www.nascarreference.com/driver/drvoverview.php">Championship Overview</a></li> <li><a href="https://www.nascarreference.com/driver/drvchampall.php">Combined Championships</a></li> <li class="divider"></li> <li><a href="https://www.nascarreference.com/driver/drvwinrank.php">Win Ranking</a></li> <li><a href="https://www.nascarreference.com/driver/drvpolerank.php">Pole Ranking</a></li> <li><a href="https://www.nascarreference.com/driver/drvstartrank.php">Start Ranking</a></li> <li><a href="https://www.nascarreference.com/driver/drvledrank.php">Laps Led Ranking</a></li> <li class="divider"></li> <li><a href="https://www.nascarreference.com/driver/drvwinall.php">Combined Win Ranking</a></li> <li><a href="https://www.nascarreference.com/driver/drvpoleall.php">Combined Pole Ranking</a></li> <li><a href="https://www.nascarreference.com/driver/drvstartall.php">Combined Start Ranking</a></li> <li><a href="https://www.nascarreference.com/driver/drvledall.php">Combined Laps Led Ranking</a></li> <li class="divider"></li> <li><a href="https://www.nascarreference.com/driver/drvgrid25.php">2025 NASCAR Cup Playoffs</a></li> <li class="divider"></li> <li><a href="https://www.nascarreference.com/driver/drvhof.php">Hall of Fame Inductees</a></li> <li><a href="https://www.nascarreference.com/driver/drv75.php">NASCAR's 75 Greatest Drivers</a></li> <li class="divider"></li> <li><a href="https://www.nascarreference.com/driver/drvrookies.php">Rookie of The Year</a></li> <li><a href="https://www.nascarreference.com/driver/drvpopular.php">Most Popular Driver</a></li> <li class="divider"></li> <li><a href="https://www.nascarreference.com/driver/drvfemale.php">Female Drivers</a></li> <li><a href="https://www.nascarreference.com/driver/drvcanada.php">Canadian Born Drivers</a></li> </ul> </li>  <li class="dropdown"> <a href="#">Teams</a> <ul class="dropdown-menu"> <li><a href="https://www.nascarreference.com/team/teamsearch.php">Search Team...</a></li> <li class="divider"></li> <li><a href="https://www.nascarreference.com/team/teamchamprank.php">Championship Ranking</a></li> <li><a href="https://www.nascarreference.com/team/teamoverview.php">Championship Overview</a></li> <li><a href="https://www.nascarreference.com/team/teamchampall.php">Combined Championships</a></li> <li class="divider"></li> <li><a href="https://www.nascarreference.com/team/teamchart.php">Current Team Charts</a></li> <li class="divider"></li> <li><a href="https://www.nascarreference.com/team/teamwinrank.php">Win Ranking</a></li> <li><a href="https://www.nascarreference.com/team/teampolerank.php">Pole Ranking</a></li> <li><a href="https://www.nascarreference.com/team/teamstartrank.php">Start Ranking</a></li> <li><a href="https://www.nascarreference.com/team/teamledrank.php">Laps Led Ranking</a></li> <li class="divider"></li> <li><a href="https://www.nascarreference.com/team/teamwinall.php">Combined Wins</a> <li><a href="https://www.nascarreference.com/team/teampoleall.php">Combined Poles</a> <li><a href="https://www.nascarreference.com/team/teamstartall.php">Combined Starts</a> <li><a href="https://www.nascarreference.com/team/teamledall.php">Combined Laps Led</a> <li class="divider"></li> <li><a href="https://www.nascarreference.com/team/teamlinks.php">Team Website Links</a></li> </ul> </li>  <li class="dropdown"> <a href="#">Crew Chiefs</a> <ul class="dropdown-menu"> <li><a href="https://www.nascarreference.com/crew/crewsearch.php">Search By Name...</a></li> <li class="divider"></li> <li><a href="https://www.nascarreference.com/crew/crewchamprank.php">Championship Ranking</a></li> <li><a href="https://www.nascarreference.com/crew/crewoverview.php">Championship Overview</a></li> <li><a href="https://www.nascarreference.com/crew/crewchampall.php">Combined Championship</a></li> <li class="divider"></li> <li><a href="https://www.nascarreference.com/crew/crewwinrank.php">Win Ranking</a></li> <li><a href="https://www.nascarreference.com/crew/crewpolerank.php">Pole Ranking</a></li> <li><a href="https://www.nascarreference.com/crew/crewstartrank.php">Start Ranking</a></li> <li><a href="https://www.nascarreference.com/crew/crewledrank.php">Laps Led Ranking</a></li> <li class="divider"></li> <li><a href="https://www.nascarreference.com/crew/crewwinall.php">Combined Win Ranking</a></li> <li><a href="https://www.nascarreference.com/crew/crewpoleall.php">Combined Pole Ranking</a></li> <li><a href="https://www.nascarreference.com/crew/crewstartall.php">Combined Start Ranking</a></li> <li><a href="https://www.nascarreference.com/crew/crewledall.php">Combined Laps Led Ranking</a></li> <li class="divider"></li> <li><a href="https://www.nascarreference.com/crew/challenge.php">Pit Crew Challenge</a></li> </ul> </li>  <li class="dropdown"> <a href="#">Manufacturers</a> <ul class="dropdown-menu"> <li><a href="https://www.nascarreference.com/mfg/mfgstandings.php">Current Standings</a></li> <li><a href="https://www.nascarreference.com/mfg/mfghiststand.php">Historic Standings</a></li> <li class="divider"></li> <li><a href="https://www.nascarreference.com/mfg/mfgchamprank.php">Championship Ranking</a></li> <li><a href="https://www.nascarreference.com/mfg/mfgoverview.php">Championship Overview</a></li> <li><a href="https://www.nascarreference.com/mfg/mfgchampall.php">Combined Championships</a></li> <li class="divider"></li> <li><a href="https://www.nascarreference.com/mfg/mfgwinrank.php">Win Ranking</a></li> <li><a href="https://www.nascarreference.com/mfg/mfgpolerank.php">Pole Ranking</a></li> <li><a href="https://www.nascarreference.com/mfg/mfgstartrank.php">Start Ranking</a></li> <li><a href="https://www.nascarreference.com/mfg/mfgledrank.php">Laps Led Ranking</a></li> <li class="divider"></li> <li><a href="https://www.nascarreference.com/mfg/mfgwinall.php">Combined Win Ranking</a></li> <li><a href="https://www.nascarreference.com/mfg/mfgpoleall.php">Combined Pole Ranking</a></li> <li><a href="https://www.nascarreference.com/mfg/mfgstartall.php">Combined Start Ranking</a></li> <li><a href="https://www.nascarreference.com/mfg/mfgledall.php">Combined Laps Led Ranking</a></li> <li class="divider"></li> <li><a href="https://www.nascarreference.com/mfg/mfglinks.php">Manufacturers Links</a></li> </ul> </li>  <li class="dropdown"> <a href="#">Tracks</a> <ul class="dropdown-menu"> <li><a href="https://www.nascarreference.com/tracks/tracks.php?Criteria=All">NASCAR Tracks</a></li> <li><a href="https://www.nascarreference.com/tracks/trackmap.php">Current Track Map</a></li> <li class="divider"></li> <li><a href="https://www.nascarreference.com/tracks/trackfacts.php">Track Facts</a></li> <li><a href="https://www.nascarreference.com/tracks/tracklen.php">Track Length Chart</a></li> </ul> </li> </ul> </nav><br><br> <style> body { margin: 0; font-size: 0.8rem; font-family: Arial, sans-serif; } .navbar { background: #FFFFE6; color: #888; width: 100%; display: flex; justify-content: center; align-items: center; padding: 0.5rem 0rem; position: relative; border-top: 1px solid #374CA0; border-bottom: 3px solid #374CA0; } .logo img { height: 25px; display: block; padding-right: 8px; text-align: center; } /* ---------- Desktop Menu ---------- */ .menu { display: flex; justify-content: center; padding: 0; margin: 0; list-style: none; border:1px solid #aaa; } .menu li ul { position: absolute; display: none; list-style: none; padding: 0; margin: 0; box-shadow: 4px 4px 8px rgba(0,0,0,0.15); } .menu li { position: relative; text-align: left; } /* Top-level menu items */ .menu > li > a { background: #eee; color: #000; } /* Dropdown menu items */ .menu a { display: block; padding: 0.5rem 1rem; text-decoration: none; background: #fff; color: #000; } .dropdown-menu { display: none; position: absolute; top: 100%; /* Directly below parent link */ left: 0; /* Align left edge to parent */ right: auto; /* Ensure no extra stretching */ min-width: 200px; background: #fff; border: 1px solid #ccc; list-style: none; padding: 0; margin: 0; z-index: 1000; border-radius: 0 0 6px 6px; /* bottom corners rounded */ box-shadow: 0 4px 8px rgba(0,0,0,0.1); } /* Optional: submenu styling */ .dropdown-menu li { position: relative; /* Needed for submenu positioning */ } .dropdown-menu li .dropdown-menu { top: 0; /* Align to parent li top */ left: 100%; /* Place to the right of parent li */ border-radius: 0 6px 6px 0; /* Round outer corners only */ } /* Dropdown menu items hover */ .menu a:hover { color: #fff; background: #374CA0; } /* Sub-menu to the right of parent item */ .sub-menu { top: 0; left: 100%; } .dropdown > a { position: relative; padding-right: 1.5rem; } /* Only add arrows to dropdown items inside dropdown menus (not top-level) */ .dropdown-menu .dropdown > a { position: relative; padding-right: 1.5rem; /* space for arrow */ } .dropdown-menu .dropdown > a::after { content: "▸"; position: absolute; right: 0.5rem; top: 50%; color: #fff; font-size: 1.4rem; transform: translateY(-50%); pointer-events: none; } .dropdown.open > a::after { color: #fff; font-size: 1.4rem; transform: translateY(-50%) rotate(90deg); transition: transform 0.2s ease; } /* ------------ Divider style ----------- */ .menu li.divider { height: 1px; background: #bbb; margin: 0.3rem 0; list-style: none; pointer-events: none; } /* ---------- Hamburger Toggle ---------- */ .menu-toggle { display: none; font-size: 2rem; background: none; border: none; cursor: pointer; color: black; position: absolute; /* Fixes position relative to navbar */ top: 0.1rem; right: 1rem; z-index: 2000; /* Keep above menu */ } /* ---------- Mobile ---------- */ @media (max-width: 890px) { .navbar { flex-direction: column; /* Stack logo and menu */ align-items: center; } .logo { text-align: center; margin-top: 0.2rem; } .menu-toggle { display: block; } .menu { flex-direction: column; align-items: flex-start; width: 100%; display: none; gap: 0; padding-left: 0.5rem; } .menu li { width: 100%; text-align: left; } .dropdown-menu, .sub-menu { display: none; background-color: white; border: 1px solid #ccc; /* optional */ } .sub-menu { padding-left: 20px; /* Indent sub-menu items */ } .dropdown.open > .dropdown-menu, .dropdown.open .dropdown.open > .sub-menu { display: block; /* Shown when parent has "open" class */ } .dropdown-menu, .sub-menu { display: none; background-color: white; border: 1px solid #ccc; width: 100%; position: static; } .sub-menu li a { color: #888; padding-left: 2.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; text-decoration: none; } /* Style for sub-menu links */ .dropdown-menu .sub-menu li a { color: #111; padding: 0.5rem 1rem; text-decoration: none; } /* Hover effect for sub-menu links */ .dropdown-menu .sub-menu li a:hover { color: #fff; background-color: #374CA0; /* Light gray hover effect */ } .menu.show { display: flex; } } @media (min-width: 891px) { .dropdown:hover > .dropdown-menu { display: block; } } </style> <script> document.addEventListener('DOMContentLoaded', function() { const menuToggle = document.querySelector('.menu-toggle'); const menu = document.querySelector('.menu'); if (!menuToggle || !menu) return; /* Hamburger toggle */ menuToggle.addEventListener('click', function() { menu.classList.toggle('show'); }); /* Mobile dropdown toggle (dummy parent links only) */ document.querySelectorAll('.dropdown > a').forEach(link => { link.addEventListener('click', function(e) { if (window.innerWidth <= 868) { const parentLi = link.parentElement; /* Only toggle if it's a dummy link */ if (link.getAttribute('href') === '#' || link.getAttribute('href') === 'javascript:void(0)') { e.preventDefault(); /* Close all sibling dropdowns first */ const openSiblings = parentLi.parentElement.querySelectorAll('.dropdown.open'); openSiblings.forEach(sib => { if (sib !== parentLi) { sib.classList.remove('open'); } }); /* Toggle this one */ parentLi.classList.toggle('open'); } } }); }); /* Optional: close menu when clicking outside */ document.addEventListener('click', function(e) { if (window.innerWidth <= 868) { if (!menu.contains(e.target) && !menuToggle.contains(e.target)) { menu.classList.remove('show'); document.querySelectorAll('.dropdown.open').forEach(drop => drop.classList.remove('open')); } } }); /* Optional: collapse mobile menu on back/forward navigation */ window.addEventListener('pageshow', function(event) { if (event.persisted || (window.performance && window.performance.getEntriesByType('navigation')[0].type === 'back_forward')) { menu.classList.remove('show'); document.querySelectorAll('.dropdown.open').forEach(drop => drop.classList.remove('open')); } }); }); </script><script type="text/javascript"> $(document).ready(function() { $(window).scroll(function() { if ($(this).scrollTop() > 100) { $('.scrollup').fadeIn(); } else { $('.scrollup').fadeOut(); } }); $('.scrollup').click(function() { $("html, body").animate({ scrollTop: 0 }, 600); return false; } ); } ); </script> </div> <div> <table><tr><th id='header'>Chevrolet's Nascar Championships</th></tr></table><table class='sortable asc'><thead><tr><th>No.</th><th>Year</th><th>Series</th></tr></thead><tbody><tr><td>1</td><td>1995</td><td>Craftsman Truck Series</td></tr><tr><td>2</td><td>1996</td><td>Craftsman Truck Series</td></tr><tr><td>3</td><td>1997</td><td>Craftsman Truck Series</td></tr><tr><td>4</td><td>1998</td><td>Craftsman Truck Series</td></tr><tr><td>5</td><td>2002</td><td>Craftsman Truck Series</td></tr><tr><td>6</td><td>2005</td><td>Craftsman Truck Series</td></tr><tr><td>7</td><td>2011</td><td>Camping World Series</td></tr><tr><td>8</td><td>2012</td><td>Camping World Series</td></tr><tr><td>9</td><td>2018</td><td>Camping World Series</td></tr><tr><td>10</td><td>2020</td><td>Camping World Series</td></tr><tr><td>11</td><td>2023</td><td>Craftsman Truck Series</td></tr><tr><td>12</td><td>2024</td><td>Craftsman Truck Series</td></tr></tbody><tfoot><tr><td class='footer-left'></td><td class='footer-right' colspan='4'></td></tr></tfoot></table></div> <div class="noprint"> <p style="text-align: center"> <a id="backButton" onClick="history.go(-1)" > <img src="../images/miscimages/back-button.webp" height="30" width="90"> </a> </p> <a href="#" class="scrollup">Scroll To Top</a> </div> <script src="../js/escape-home.js"></script> </body> </html>