Friday, February 10, 2012

Drop down menu and header and stick footer

<body>
    <div id="container">
        <div id="body">
            <form id="form1" runat="server">
                <table id="MainTable" width="100%" border="0" cellpadding="0" cellspacing="0">
                    <tr align="center" style="height: 100%; width: 100%;">
                        <td style="width: 100%; background-color: Black;">
                            <table width="100%" cellpadding="0" cellspacing="0">
                                <tr id="trTopBanner" class="TopBanner">
                                    <td>
                                        <table cellpadding="0" cellspacing="0" width="100%" border="0">
                                            <tr>
                                                <td style="vertical-align: top;">
                                                    <table cellpadding="0" cellspacing="0" width="100%" border="2">
                                                        <tr style="height: 70px; background-color: White">
                                                            <td align="center">
                                                                <asp:Image ID="Image1" runat="server" ImageUrl="~/Images/logo2.jpg" />
                                                            </td>
                                                            <td align="center" style="text-align: center">
                                                                <p style="color: Red; text-align: center; font-size: 17pt; font-weight: bold">
                                                                    Welcome to Lahore
                                                                </p>
                                                            </td>
                                                            <td style="background-color: Navy">
                                                                <p>
                                                                    Right Header</p>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                                <tr id="trMenubar" valign="top">
                                    <td>
                                        <ul id="menu">
                                            <li style="text-align: center;"><a href="#" class="drop">Home </a></li>
                                            <li style="text-align: center;"><a href="#" class="drop">About Us </a></li>
                                            <li style="text-align: center;"><a href="#" class="drop">Courses </a></li>
                                            <li style="text-align: center;"><a href="#" class="drop">Faculty </a></li>
                                            <li style="text-align: center;"><a href="#" class="drop">Online Admissions </a></li>
                                            <li style="text-align: center;"><a href="#" class="drop">Results </a></li>
                                            <li style="text-align: center"><a href="#" class="drop">Feed Back </a></li>
                                            <li style="text-align: center"><a href="#" class="drop">Contact Us </a></li>
                                        </ul>
                                    </td>
                                </tr>
                                <tr style="height: 150px; background-color: Aqua">
                                    <td>
                                        <p>
                                            Flash</p>
                                    </td>
                                </tr>
                                <tr id="trContent" class="ContentArea">
                                    <td>
                                        <div>
                                            <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
                                            </asp:ContentPlaceHolder>
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </td>
                        <td style="width: 5px;">
                        </td>
                    </tr>
                </table>
            </form>
        </div>
        <div>
            <table cellpadding="0" cellspacing="0" border="0" width="100%">
                <tr>
                    <td style="width: 5px;">
                    </td>
                    <td id="footer" valign="middle">
                        <strong>Copyright © 2011 Concept</strong>
                    </td>
                    <td style="width: 5px;">
                    </td>
                </tr>
            </table>
        </div>
    </div>
</body>

No comments:

Post a Comment