Scribd Logo
Upload

Welcome to Scribd!

  • P 2 Q 1

    Uploaded by

    rajababu00903
    4 views3 pages
    The document describes creating a master page in ASP.NET with CSS styling. It includes code for a master page with header, content, and footer sections. It also includes a Mytheme.css stylesheet defining styles for the header, navigation menu, footer, and other page elements like colors, fonts, positioning. The master page and stylesheet are used to apply a consistent look across pages.

    Original Description:

    Original Title

    p2q1

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document describes creating a master page in ASP.NET with CSS styling. It includes code for a master page with header, content, and footer sections. It also includes a Mytheme.css stylesheet defining styles for the header, navigation menu, footer, and other page elements like colors, fonts, positioning. The master page and stylesheet are used to apply a consistent look across pages.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    4 views3 pages

    P 2 Q 1

    Uploaded by

    rajababu00903
    The document describes creating a master page in ASP.NET with CSS styling. It includes code for a master page with header, content, and footer sections. It also includes a Mytheme.css stylesheet defining styles for the header, navigation menu, footer, and other page elements like colors, fonts, positioning. The master page and stylesheet are used to apply a consistent look across pages.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    of 3

    1.

    Develop a master page with your own CSS with following link in master
    page. (master page should be divide in 3 sections 1 st Header, 2 nd Content
    page and 3rd Footer)
    Source code:-
    <%@ Master Language="VB" AutoEventWireup="false" CodeBehind="Site1.master.vb"
    Inherits="asppract2.Site1" %>

    <!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 id="Head1" runat="server">
    <title>V.T. Poddar BCA College</title>
    <link rel="stylesheet" type="text/css" href="Mytheme.css" />

    <asp:ContentPlaceHolder ID="head" runat="server">


    </asp:ContentPlaceHolder>
    </head>
    <body>
    <form id="form1" runat="server">
    <div>
    <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">

    </asp:ContentPlaceHolder>
    </div>
    </form>

    <header id="header">
    <h1>V.T. Poddar BCA College</h1>
    </header>
    <nav id= "nav">
    <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">Sum</a></li>
    <li><a href="#">Subtract</a></li>
    <li><a href="#">Division</a></li>
    </ul>
    </nav>

    <footer id="footer">
    copyright VTP BCA College @2020
    </footer>
    </body>
    </html>
    Mytheme.css
    #header{
    color: blue;
    text-align: center;
    font-size: 20px;
    }
    #nav{

    padding: 5px;
    background-color: #C0C0C0; }

    ul{

    list-style-type: none;
    }
    lia {
    color: #F1FAEE;
    font-size: 30px;
    column-width: 5%;
    }
    li
    {
    display: inline;
    padding-left: 2px;
    column-width: 20px;
    }
    a{
    text-decoration: none;
    margin-left:20px
    }
    lia:hover{
    background-color: #F3FFBD;
    color: #FF1654;
    padding:1%;
    }
    #side{
    text-align: center;
    float: right;
    width: 15%;
    padding-bottom: 79%;
    background-color: #F1FAEE;
    }
    #article{
    background-color: #EEF5DB;
    padding: 10px;
    padding-bottom: 75%;
    }
    #footer{
    background-color: #C7EFCF;
    text-align:center;
    padding-bottom: 5%;
    font-size: 20px;
    }
    #con{
    border:double;
    border-color:burlywood;
    }

    You might also like