Post
Ask Question
Arun Kurmi

Arun Kurmi

  • NA
  • 104
  • 103.3k

css on content page

Jun 23 2013 8:42 AM
hi friends,
In master page i place contentplace holder in a <td>.
On the content page suppose home page that use above master page i want to add css menu on a <tr>.
when i place <style> in <content> it give error <style> cannot we nested within <td>
Code are

Master page
_______________________________________
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="UserMaster.master.cs" Inherits="UserMaster" %>

<!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 runat="server">
    <title></title>
    <asp:ContentPlaceHolder id="head" runat="server">
    </asp:ContentPlaceHolder>
    <style type="text/css">
        .style1
        {
            width: 100%;
        }
          .footerstyle
        {
           background-color:gray
        }
        .style2
        {
            width: 820px;
        }
        .style4
        {
            width: 820px;
            height: 26px;
        }
        .style5
        {
            background-color: #0066FF;
            color: #FF6600;
        }
        .style6
        {
            font-size: medium;
            font-family: "Bradley Hand ITC";
            color: #FFFFFF;
            font-weight: 700;
            text-align: justify;
            background-color: #666666;
        }
        .style7
        {
            font-size: medium;
            color: #0000FF;
            background-color: #999999;
        }
        .style9
        {
            height: 25px;
        }
        .style11
        {
            height: 25px;
        }
        .style12
        {
            width: 820px;
            height: 25px;
        }
        .style13
        {
            font-size: xx-large;
            font-family: "Bradley Hand ITC";
            color: #FF0000;
            font-weight: bold;
            height: 33px;
        }
        .style14
        {
            width: 820px;
            height: 33px;
        }
        .style15
        {
            height: 33px;
            width:1006px;
        }
        .style16
        {
            color: #FF3300;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <table class="style1">
        <tr>
            <td class="style4">
            </td>
            <div><td class="style5" rowspan="2" colspan="4" 
                style="border-color: #996600; border-width: 2px">
                <p class="style7" style="text-align: left; height: 40px; width: 1006px;">
                    &nbsp;&nbsp; You are on Right place Hundred Percent Genuan Products&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
                    Welcome Guest &nbsp;
                    <asp:HyperLink ID="HyperLink1" runat="server">Home |</asp:HyperLink>
&nbsp;<asp:HyperLink ID="HyperLink2" runat="server">Login |</asp:HyperLink>
&nbsp;<asp:HyperLink ID="HyperLink3" runat="server">Register |</asp:HyperLink>
&nbsp;<asp:HyperLink ID="HyperLink4" runat="server">Help</asp:HyperLink>
                </p>
            </td>
            <td>
            </td>
        </tr>
        <tr>
            <td class="style2">
            </td>
            <td>
            </td>
        </tr>
        <tr>
            <td class="style14">
                </td>
            <td class="style13" colspan="4" 
                style="border-color: #996600; border-width: 2px">
                MY Shop<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <asp:HyperLink ID="HyperLink5" runat="server" Font-Names="Arial" 
                    Font-Overline="False" Font-Size="Medium" Font-Underline="True" 
                    ForeColor="#9900CC">Electronics Gadgets</asp:HyperLink>
&nbsp;<asp:HyperLink ID="HyperLink6" runat="server" Font-Names="Arial" Font-Overline="False" 
                    Font-Size="Medium" Font-Underline="True" ForeColor="#FF0066">Softwares</asp:HyperLink>
&nbsp;<asp:HyperLink ID="HyperLink7" runat="server" Font-Names="Arial" Font-Overline="False" 
                    Font-Size="Medium" Font-Underline="True" ForeColor="#009900">Books</asp:HyperLink>
&nbsp;<asp:HyperLink ID="HyperLink8" runat="server" Font-Names="Arial" Font-Overline="False" 
                    Font-Size="Medium" Font-Underline="True" ForeColor="#FFCC00">Reserve</asp:HyperLink>
            </td>
            <td class="style15">
                </td>
        </tr>
        <tr>
            <td class="style12">
                &nbsp;</td>
            <td class="style9" colspan="4" style="border-color: #996600; border-width: 2px">
        <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
        
        </asp:ContentPlaceHolder>
                </td>
            <td class="style11">
                </td>
        </tr>
        <tr>
            <td class="style2">
                &nbsp;</td>
                
            <td class="style6" rowspan="2" style="border-color: #996600; border-width: 2px">
            
            

            
            .<span class="style16">Move to</span>
             <ul> <li>About us</li>
                <li>Help</li>
                <li>something</li>
                <li>something</li> </ul> 
                </td>

            <td class="style6" rowspan="2" style="border-color: #996600; border-width: 2px">
            <span class="style16">Products
                </span>
               <ul> <li>Electronics Gadgets</li>
                <li>Softwares</li>
                <li>Books</li>
                <li>Reserve</li></ul></td>

            <td class="style6" rowspan="2" style="border-color: #996600; border-width: 2px">
                <span class="style16">Follows us on
                </span>
             <ul>   <li>Facebook</li>
                <li>Google+</li>
                <li>twitter</li>
                <li>yahoo</li></ul></td>

            <td class="style6" rowspan="2" style="border-color: #996600; border-width: 2px">
                <span class="style16">our Banking Partners
               </span>
              <ul> <li>Sbi</li>
                <li>Ubi</li>
                <li>icici</li>
                <li>pnb</li></ul>
                </td>
           
            <td>
                &nbsp;</td>
        </tr>
        <tr>
            <td class="style2">
                &nbsp;</td>
            <td>
                &nbsp;</td>
        </tr>
    </table>
    <div>
    </div>
    </form>
</body>
</html>
______________________________________________________________________
Home page (use above master page)
____________________________________
<%@ Page Title="" Language="C#" MasterPageFile="~/UserMaster.master" %>

<script runat="server">

</script>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<style type="text/css" media="screen">
#nav
{
    padding:0;
    height: 41px;
}
#nav li 
{
    display:inline;
}
#nav li a

{   
   font-family:Arial;
   font-size:12px;
   text-decoration: none;
   float:left;
   padding:10px;
   background-color: #333333;
   color:#ffffff;
   border-bottom:1px;
   border-bottom-color:#000000;
   border-bottom-style:solid;
}
#nav li a:hover 
{
   background-color:#9B1C26;
   padding-bottom:12px;
   border-bottom:2px;
   border-bottom-color:#000000;
   border-bottom-style:solid;
   margin:-1px;
}
    .style17
    {
        height: 59px;
    }
</style>
        <table class="style1" style="height: 71px">
            <tr>
                <td colspan="2" class="style17">
                    <ul id="nav">
    <li><a href="#">Home</a></li>

    <li><a href="#">About</a></li>

    <li><a href="#">Services</a></li>

    <li><a href="#">Products</a></li>

    <li><a href="#">Sitemap</a></li>

    <li><a href="#">Help</a></li>

    <li><a href="#">Contact Us</a></li>
</ul>  &nbsp;</td>
            </tr>
            <tr>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
            </tr>
            <tr>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
            </tr>
            <tr>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
            </tr>
            <tr>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
            </tr>
            <tr>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
            </tr>
        </table>
</asp:Content>


------------Thanks in Advance---------------


Answers (3)