dotNetHell.it - Forum - Codice Sorgente


<!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">
<head>
    <title></title>
    <style type="text/css">
        *
        {
            padding: 0;
            margin: 0;
        }
        body
        {
            font-family: Arial;
            font-size: 0.75em;
            color: #000;
            background-color: #CCC;
        }
        #wrapper
        {
            margin: 0px auto;
            width: 1024px;
        }
        #header
        {
            background-position: center center;
            width: 1024px;
            padding: 0px;
            height: 174px;
            margin: 10px 0px 0px 0px;
            background-color: Blue;
            background-image: url('../Images/sks_top.gif');
            background-repeat: no-repeat;
        }
        #navigation
        {
            width: 1024px;
            height: 45px;
            padding: 0px;
            margin: 10px 0px 10px 0px;
            background-color: #404040;
            clear: both;
        }
        #content
        {
            margin: 0px 0px 10px 0px;
            padding: 0px;
            height: 407px;
            width: 1024px;
            background-color: Red;
            background-image: url('../Images/sks_top.gif');
            background-repeat: no-repeat;
        }
        #footer
        {
            width: 1014px;
            clear: both;
            border: 1px solid #CCCCCC;
            background-color: #F2F2E6;
            margin: 0px 0px 10px 0px;
            padding: 5px;
            text-align: center;
        }
        #navigation ul
        {
            float: left;
            width: 100%;
            padding: 0px;
            margin: 0px;
            list-style-type: none;
        }
        #navigation li
        {
            display: inline; text-align:center;
        }
        #navigation a
        {
            float: left;
            width: 150px;
            text-decoration: none;
            color: #FFFFFF;
            background-color: purple;
            padding: 14px;
            border-right: 1px solid white;
        }
        #navigation a:hover
        {
            background-color: #ff3300;
        }
    </style>
</head>
<body>
    <div id="wrapper">
        <div id="header">
        </div>
        <div id="content">
        </div>        
        <div id="navigation">
            <ul>
                <li><a href="#">Link 01</a></li>
                <li><a href="#">Link 02</a></li>
                <li><a href="#">Link 03</a></li>
                <li><a href="#">Link 04</a></li>
            </ul>
        </div>
        <div id="footer">
        </div>
    </div>
</body>
</html>