Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > ASP > css + WEB форма использующая главную страницу

Автор: SharedNoob 21.12.2011, 12:19

Доброго времени суток.
Начал изучать ASP после php, в асп понимаю еще мало, не ругайте если что нетак.

Сабж.

Рисую форму использующую главную страницу.
На форме размещаю объект TextBox ID="accountName", и помещаю его в ContentPlaceHolderID="ContentPlaceHolder1".
Создаю файл css, подключаю его в ContentPlaceHolderID="head".

В файле css меняю background-color:Red.

В студии, в режиме конструктора все нормально.
При компиляции к ID TextBox добавляется ID ContentPlaceHolder, в результате получаю:

Код


 <input type="text" id="ContentPlaceHolder1_accountName" name="ctl00$ContentPlaceHolder1$accountName">

Если в css файле писать сразу "ContentPlaceHolder1_accountName", то в режиме "конструктора" id не совпадают с css, и форма отображается неправильно.

Файлы:
WebForm1.aspx

Код


<%@ Page Title="" Language="C#" MasterPageFile="~/Forms/Site1.Master" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="callcenter.Forms.WebForm1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <link href="../Styles/operator_workstation_widescreen.css" rel="stylesheet" type="text/css" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
 <asp:TextBox ID="accountName" runat="server"></asp:TextBox> 
</asp:Content>

Site1.master

Код


<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site1.master.cs" Inherits="callcenter.Forms.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 runat="server">
    <title></title>
    <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>
</body>
</html>

operator_workstation_widescreen.css

Код


body {
}
#accountName
{
    background-color:Red
}

Подскажите пожалуйста, как правильно поступать в этом случае.
Есть ли варианты использования css по id ? Если есть то какие ?