Global Lang Selection Page

Global Lang Selection Page - Table layout

by BinaryAcid

HTML

<table border="1">
    
<tr>
    <th colspan="4">North America</th>
    <td>&nbsp;</td>
    <th colspan="4">Europe</th>
</tr>
    
<tr>
    <td><img src="http://quickimage.it/30x20"></td>
    <td>United States</td>
    <td><a href="#">English</a></td>
    <td><a href="#">Espanole</a></td>
    <td>&nbsp;</td>
    <td><img src="http://quickimage.it/30x20"></td>
    <td>Albania</td>
    <td><a href="#">English</a></td>
    <td><a href="#">Italiano</a></td>
    <td>&nbsp;</td>
    <td><img src="http://quickimage.it/30x20"></td>
    <td>Latvia</td>
    <td><a href="#">English</a></td>
    <td><a href="#">Pусский</a></td>
</tr>

<tr>
    <td><img src="http://quickimage.it/30x20"></td>
    <td>Canada</td>
    <td><a href="#">English</a></td>
    <td><a href="#">Francais</a></td>
    <td>&nbsp;</td>
    <td><img src="http://quickimage.it/30x20"></td>
    <td>Andorra</td>
    <td><a href="#">English</a></td>
    <td></td>
    <td>&nbsp;</td>
<td><img src="http://quickimage.it/30x20"></td>
    <td>Liechenstein</td>
    <td><a href="#">English</a></td>
    <td></td>
</tr>

<tr>
    <th colspan="4">Latin America</th>
    <td>&nbsp;</td>
    <td><img src="http://quickimage.it/30x20"></td>
    <td>Armenia</td>
    <td><a href="#">English</a></td>
    <td><a href="#">Pусский</a></td>
    <td>&nbsp;</td>
    <td><img src="http://quickimage.it/30x20"></td>
    <td>Lithuania</td>
    <td><a href="#">English</a></td>
    <td><a href="#">Pусский</a></td>
</tr>

<tr>
<td><img src="http://quickimage.it/30x20"></td>
    <td>Mexico</td>
    <td><a href="#">English</a></td>
    <td><a href="#">Espanole</a></td>
    <td>&nbsp;</td>
    <td><img src="http://quickimage.it/30x20"></td>
    <td>Austria</td>
    <td><a href="#">English</a></td>
    <td></td>
    <td>&nbsp;</td>
    <td><img src="http://quickimage.it/30x20"></td>
    <td>Luxembourg</td>
    <td><a href="#">English</a></td>
    <td><a href="#">Francais</a></td>
</tr>
    
<tr>
    <th colspan="4">Asia Pacific</th>
   ...

CSS

table {
 margin: 10px;   
}

table a {
    margin: 0px 5px 0px 5px;
    text-decoration: none;
    color: blue;
}

th {
 font-weight: bold;   
}

table img {
 padding: 3px;   
}