CSS and Html Loading; Full screen loading; width:100%, height:100%;

<div id="splash">
    <table height="90%" width="100%">
        <tbody>
            <tr>
                <td height="100%" align="center" width="100%" valign="middle">
                    <div id="splash_loading">Loading</div>
                </td>
            </tr>
        </tbody>
    </table>
</div>
#splash{
    cursor:wait;
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
}
#splash .loaded{
    display:none;
}
#splash_loading{
    background-image:url(loading.gif);
    cursor:wait;
    height:80px;
    width:200px;
}
Did this help you? Please let me know with a comment. Thank you
Posted .

Comments (RSS)

Leave a comment