JSFiddle - React, Tailwind, and code Playground

HTML

<html><!DOCTYPE html PUBLIC "-//W3C//DTD Xhtml 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"></meta>
<head>
<title>TRC_intra</title>
<link rel="stylesheet" type="text/css" href="../styles/trc.css">
</head>

<body>
    <table style = "border: 2px #000066 solid;">
    <tr>
    <td><font face = "Arial" size = "1" color = "#000066" style = "text-decoration: none;">Outokumpu&nbsp;Tornio&nbsp;Works</font></td>
    <td id = "pvm"><?php echo $paiva, "," , date(" d. ") , $kuukausi , "kuuta", date(" Y "); 
    // Tulostaa päiväyksen muotoon: esim. Perjantai 7. tammikuuta 2011 ?>
    </td>
    </tr>          
    
    
<!---------------------------------------------------Linkkivalikko--------------------------------------------------->    
      <tr>    
    <!--<td><img src = "images/outokumpu.gif" style="opacity:0.4;filter:alpha(opacity=40)"></td>-->
    <td><a  href = "../etusivu/index.php">
    <font size = "8">T&nbsp;R&nbsp;C<br /></font><a></td>
    <td align = "right" width = "100%">    
        <form action="../">
    <select onchange="parseNavigation(this)">
    <!-- kunkin vaihtoehdon valuen tulee->
    <!- sisältää putki "|" merkki ennen jokaista url:ia, ->
    <!- avataksesi uuden ikkunan, määritä ikkunan nimi ->
    <!- URL-osoitteet voivat olla paikallisia-->
    <option value="#"> - - - - - - Valitse linkki - - - - - -</option>
    <option value="|http://torsr116:82/uusi_intra/etusivu/index.php">TRC Intranet - Etusivu</option>
    <option value="|http://torsr116:82/uusi_intra/raporttivalikko/menu.php">Analyysiraportit</option>
    <option value="#"> - - - - - - - - - - - - - - - - - - - - - </option>
    <option value="MyOutokumpu|http://www.myoutokumpu.com/default____14157.aspx">Kemi-Tornio Intranet</option>
    <option value="Global|http://www.myoutokumpu.com">Global Intranet</option>
    <option...

CSS

table.sample {

    padding: 2px;
    background-color: white;
    font-family: Arial;
    font-weight: normal;
    font-size: 14px;
    color: #000066;
    
}
table.sample td {

    padding: 2px;
    font-family: Arial;
    font-weight: normal;
    font-size: 14px;
    color: #000066;
    text-align:left;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #000066;
}
table.sample tr {

    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #000066;

    
}

table.ala {

    position:absolute;
    top:70%;
    left:39%;
    padding: 2px;
    background-color: white;
    font-family: Arial;
    font-weight: bold;
    font-size: 11px;
    color: #000066;
}
table.ala td {

    padding: 2px;
    font-family: Arial;
    font-weight: bold;
    font-size: 11px;
    color: #000066;
}
body
{
    
    background-color:#efefef;
    background-position: top left;
    background-repeat: no-repeat;
    min-width: 244px;
    max-width: 500px;
}
h3
{
    font: 16px arial, helvetica, sans-serif;
    font-weight: bold;
    color: #000066;
    text-transform: uppercase;
    top: 18.5%;
    left: 49%;
}
h4
{
    font: 14px arial, helvetica, sans-serif;
    font-weight: bold;
    color: #000066;
    text-transform: uppercase;
    top: 18.5%;
    left: 49%;
}
h5
{
    font: 14px arial, helvetica, sans-serif;
    font-weight: bold;
    color: #000066;

}
.login_title
{
    font: 16px arial, helvetica, sans-serif;
    font-weight: bold;
    color: #000066;
    text-transform: uppercase;
     
}
.sivukartta_title
{
    font: 16px arial, helvetica, sans-serif;
    font-weight: bold;
    color: #000066;
    text-transform: uppercase;
    text-decoration: underline;
    
     
}
.ohje_title
{
    font: 16px arial, helvetica, sans-serif;
    font-weight: bold;
    color: #000066;
    position: absolute;
    top: 16%;
    left: 38%;
    text-transform: uppercase;
     
}
.login
{
    font: 10px arial, helvetica, sans-serif;
    font-weight:...

JavaScript

function parseNavigation(ob) {
toBeBrokenDown = ob.options[ob.selectedIndex].value.split("|");

targetWindow = toBeBrokenDown[0];
targetURL    = toBeBrokenDown[1];

    if (targetWindow!=='') {
    // if a new Window name is specified, then it will 
    // open in a new Window.
    window.open(targetURL,targetWindow);
    // if we open a new window, then we have to re-set
    // the select box to the first option
    // which should have no value
    ob.selectedIndex = 0;
        } else {
    // or else it will open in the current window        
    window.open(targetURL,'_top')
    }
}