css works on master page but unable to apply to the pages that uses the mater page

Question

0.00/5 (No votes)

See more:

Please Help me out.

I have a master page developed using Visual Web Developer 2010 and I have configure page layout in this master page in order to have same look and feel across the pages.
Now, I create a user Registration form that will accept details of registration from the user and submit to database. All the controls are in a DIV tag inside Registration form and I select the master page while creating the from.

The problem I am facing now is how do I style this Registration form using CSS? I have tried all I could but nothing is working. The CSS is already attached to the master page and working on master page but not in any other pages created. I have never done it before but am sure there is solution to this issue. For example, I want All the Labels Float:Left and TextBoxes on the right using css. The css works if I apply it to a page with no master page.
Please you help to resolve this issue will be much appreciated.

Thank you all

Posted 23-Dec-14 0:39am

Adekolurejo

Add a Solution

Comments

Praveen Kumar Upadhyay 23-Dec-14 6:59am

Are you using Inline CSS, Extended Css or External Css?
I suppose if using Inline Css then that will be only application to the page means will not apply to the child pages.

Adekolurejo 23-Dec-14 15:53pm

Hi Praveen and thanks for your response. I have got css file created in web developer in a style folder and i link it to the master page which is working on master page but just cant get it to work on other aspx pages. I just want to style my page with css.
Regards,

Ade.

Praveen Kumar Upadhyay 23-Dec-14 21:42pm

Is your master page and child page are in same directory??

Adekolurejo 24-Dec-14 18:18pm

Yes but I have got my css file in a folder called Style. Still cant align Labels and and textboxes in my forms which is in a child pages. All pages inherit from the master page.

Praveen Kumar Upadhyay 25-Dec-14 9:05am

Please show code of Master page and child page declaration

Adekolurejo 28-Dec-14 19:45pm

child page code. since i cannot align with css then i use table. I dont want to use table

<%@ Page Title="Register User" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true"
CodeBehind="Register.aspx.cs" Inherits="MoneyTransfer.Pages.Register" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

<style type="text/css">
.style7
{
width: 450px;
border: 1px solid #E1E1E1;
}
.style8
{
}
.style9
{

width: 213px;
}
.style10
{
width: 124px;
}
</style>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<div id="registerusers">

<table class="style7">
<tr>
<td class="style10">
Title</td>
<td class="style9">
<asp:DropDownList ID="DropDownList1" runat="server">

</td>
</tr>
<tr>
<td class="style10">
First Name:</td>
<td class="style9">
<asp:TextBox ID="TextBox1" runat="server">
</td>
</tr>
<tr>
<td class="style10">
Middle Name:</td>
<td class="style9">
<asp:TextBox ID="TextBox2" runat="server">
</td>
</tr>
<tr>
<td class="style10">
Last Name:</td>
<td class="style9">
<asp:TextBox ID="TextBox3" runat="server">
</td>
</tr>
<tr>
<td class="style10">
Nationality:</td>
<td class="style9">
<asp:TextBox ID="TextBox4" runat="server">
</td>
</tr>
<tr>
<td class="style10">
Date Of Birth:</td>
<td class="style9">
<asp:TextBox ID="TextBox5" runat="server">
</td>
</tr>
<tr>
<td class="style10">
Home Phone:</td>
<td class="style9">
<asp:TextBox ID="TextBox6" runat="server">
</td>
</tr>
<tr>
<td class="style10">
Mobile Phone:</td>
<td class="style9">
<asp:TextBox ID="TextBox7" runat="server">
</td>
</tr>
<tr>
<td class="style10">
Email:</td>
<td class="style9">
<asp:TextBox ID="TextBox8" runat="server">
</td>
</tr>
<tr>
<td class="style10">
Address Line1:</td>
<td class="style9">
<asp:TextBox ID="TextBox9" runat="server">
</td>
</tr>
<tr>
<td class="style10">
Address Line2:</td>
<td class="style9">
<asp:TextBox ID="TextBox10" runat="server">
</td>
</tr>
<tr>
<td class="style10">
City:</td>
<td class="style9">
<asp:TextBox ID="TextBox11" runat="

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Adekolurejo · Answer 1 · 2014-12-28T13:42:00

hi Master page code.

XML

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

<!DOCTYPE html>
<html>
<head runat="server">
    <title>Money Tranfer</title>

    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
     <link href="Styles/StyleSheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <div id="wrapper">
            <div id="banner">
                <asp:Image ID="Image1" runat="server" Height="30%"
                    ImageUrl="~/Images/forex.jpg" Width="100%" />
            </div>
            <div id="navigation">
                <ul id="nav">

                    <li>
                        <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="~/Pages/Home.aspx">Home</asp:HyperLink></li>
                    <li>
                        <asp:HyperLink ID="HyperLink2" runat="server" NavigateUrl="~/Pages/About.aspx">About us</asp:HyperLink></li>
                    <li>
                        <asp:HyperLink ID="HyperLink3" runat="server">Services</asp:HyperLink></li>
                    <li>
                        <asp:HyperLink ID="HyperLink4" runat="server">Our Rate</asp:HyperLink></li>
                    <li>
                        <asp:HyperLink ID="HyperLink5" runat="server">Contact Us</asp:HyperLink></li>
                    <li>
                        <asp:HyperLink ID="HyperLink6" runat="server">Customer Login</asp:HyperLink></li>
                </ul>
            </div>
            <div id="content">
                <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
                </asp:ContentPlaceHolder>
                </div>
 </div>

   </div>
    </form>
</body>
</html>