CSS Tables: Simple table

by Shirly Manor

HTML

<table class="zui-table">
    <thead>
        <tr>
            <th>הזמנה</th>
            <th>תאריך</th>
            <th>ספר</th>
            <th>מארחת</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td><a target="_blank" href="https://calendar.google.com/event?action=TEMPLATE&amp;tmeid=MzB2c2c3aHFtZ2FhcThuNW1nczA5c29hNGMgc2hpcmx5QGNsb3VkaW5hcnkuY29t&amp;tmsrc=shirly%40cloudinary.com"><img border="0" src="https://www.google.com/calendar/images/ext/gc_button1_en.gif"></a></td>
            <td>2.11</td>
            <td>השקרנית והעיר</td>
            <td>אביבית</td>
        </tr>
        <tr>
            <td><a target="_blank" href="https://calendar.google.com/event?action=TEMPLATE&amp;tmeid=NGp2aWtwdDFkdnBqam05bnZrZTFsczByam8gc2hpcmx5QGNsb3VkaW5hcnkuY29t&amp;tmsrc=shirly%40cloudinary.com"><img border="0" src="https://www.google.com/calendar/images/ext/gc_button1_en.gif"></a></td>
            <td>3.11</td>
            <td>סטונר</td>
            <td>ארנה</td>
        </tr>
        <tr>
            <td><a target="_blank" href="https://calendar.google.com/event?action=TEMPLATE&amp;tmeid=M2hnOTdmMzB2dDFhamVhc2Q2c2E3MmtrMW0gc2hpcmx5QGNsb3VkaW5hcnkuY29t&amp;tmsrc=shirly%40cloudinary.com"><img border="0" src="https://www.google.com/calendar/images/ext/gc_button1_en.gif"></a></td>
            <td>4.22</td>
            <td>לרגל הנסיבות</td>
            <td>ענת</td>
        </tr>
        <tr>
            <td><a target="_blank" href="https://calendar.google.com/event?action=TEMPLATE&amp;tmeid=MzJ2YWw3Z29nNGY0cGZ0NmkwMWRvcWsyM28gc2hpcmx5QGNsb3VkaW5hcnkuY29t&amp;tmsrc=shirly%40cloudinary.com"><img border="0" src="https://www.google.com/calendar/images/ext/gc_button1_en.gif"></a></td>
            <td>5.13</td>
            <td>נער האופניים</td>
            <td>ורד</td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
    </tbody>
</table>

CSS

.zui-table {
    border: solid 1px #DDEEEE;
    border-collapse: collapse;
    border-spacing: 0;
    font: normal 13px Arial, sans-serif;
}
.zui-table thead th {
    background-color: #DDEFEF;
    border: solid 1px #DDEEEE;
    color: #336B6B;
    padding: 10px;
    text-align: left;
    text-shadow: 1px 1px 1px #fff;
}
.zui-table tbody td {
    border: solid 1px #DDEEEE;
    color: #333;
    padding: 10px;
    text-shadow: 1px 1px 1px #fff;
}