HTML Hints


Template Sticky Copy Text 





Tmpl.html
This is my template for most doc pages
<head>
    <title>Mysql Maria Databases</title>
    <meta charset="utf-8">
    <link href="/css/idx.css" rel="stylesheet"  type="text/css">
    <link rel="shortcut icon" href="http://paul/TexFlg.ico">
    <meta name="Description" content="" />
    <script type="text/javascript" src="/js/idx.js"></script>
    <script type="text/javascript" src="/js/cpyTxt.js"></script>
</head>

<body> 
<span class="container"></span>

</body>
</html>




Sticky
Sticky table header setup and an example. 

Sticky Test


<html>
<head>
    <title>Sticky Table Header</title>
    <meta charset="utf-8">
    <link href="/css/electronics.css" rel="stylesheet"  type="text/css">
    <meta name="Description" content="Sticky Test"/>
    <link rel="icon" href="/TexFlg.ico">
    <style>
        tr.red th { background: red; color: white; position: sticky; top: 0; }
        tr.green th { background: green; color: white; position: sticky; top: 0; }
        tr.purple th { background: purple; color: white; position: sticky; top: 0; }
    </style>
</head>

<body>

<table>
  <head>
    <tr class="red">
      <th>Name
    <th>Age <th>Job <th>Color <th>URL
  </head>
  <body>