2009-08-27 3 views
0

내가이 포함 된 스킨 파일이 : 스킨 파일과 같은 폴더에스킨 및 스타일 시트 멍청한 놈 질문

< asp:TextBox runat="server" CssClass="FixedFont"/> 

을 다음 CSS 파일입니다. CSS 파일에는 다음이 포함

.FixedFont 
    { 
    font-family:Courier;  
    } 

을 마지막으로, 나는 다음과 같은 컨트롤이 포함 된 ASPX 페이지가 : 나는 디자인 모드에서 ASPX 페이지를 보거나 페이지를 실행하면

<asp:TextBox ID="TextBox1" runat="server">Test</asp:TextBox> 

, 내가 볼을 스타일의 font-family 속성은 텍스트 상자 컨트롤에 영향을 미치므로 Courier로 변경됩니다. 그들은 같은 폭이되도록

그러나, 내가 또한 할 싶은 것은 내 ASPX 페이지에서 로컬 스타일을 정의,

.DefaultWidth 
    { 
    width: 300px; 
    } 

... 그리고 내 텍스트 상자의 모든 것입니다.

I가 "DefaultWidth"TextBox1에의 CssClass 속성을 설정하면 ...

<asp:textbox ID="TextBox1" CssClass="DefaultWidth">Hello</asp:TextBox> 

는 ... 텍스트 상자의 폭은 300 픽셀로 변경하지만 수정 글꼴을 appling 피부의 효력을 상실 택배 스타일.

두 효과를 모두 적용하려면 DefaultWidth 및 고정 글꼴 텍스트 상자 효과를 사용하려면 CSSClass 속성을 "DefaultWidth FixedFont"로 설정해야합니다.이 글꼴은 "DefaultWidth FixedFont"로 설정해야합니다. 처음. 나는 피부와 충돌하는 스타일을 추가하지 않으면 효과가 누적 될 것으로 예상했는데,이 경우 피부의 효과에 적용 할 로컬 클래스를 예상했습니다. 예를 들어, 두 번째 클래스 인 Class2를 적용하면 다른 효과 외에도 글꼴 패밀리 사양이 포함되므로 Class2에 지정된 글꼴이 FixedFont 스타일의 글꼴보다 우선 적용됩니다. 그러나 그것은 여기서 일어나고있는 것처럼 보이지 않습니다.

이러한 상황을 관리하는 가장 좋은 방법은 무엇입니까? 나는 종종 폭이 모두 일치하는 일련의 텍스트 상자를 원한다고 상상하므로, 스킨 파일의 컨트롤에 적용된 효과를 사용하는 것 외에도 컨트롤에 CssClass를 지정하기를 원할 것이라고 상상합니다.

SKIN 자체에서 CSS를 사용하지 않는 솔루션입니까? 이것은 유지 보수 측면에서도 단점이있는 것처럼 보입니다. 나는 데

보조 문제는 다음 클래스와 스타일 시트 ..

.Button 
{ 
    background-image: url('/images/button.gif') 
} 

을 ... 선언하고 ASP 버튼에 "버튼"의 CSSClass 속성을 설정하면, 내가 볼 수 있다는 것입니다 이미지는 버튼 위에 바둑판 식으로 배열됩니다. 나는 스킨 파일

에 다음 코드를 입력하면

그러나, 이미지를 찾을 수 없습니다.

images 폴더는 웹 사이트의 루트에서 떨어진 첫 번째 폴더입니다.

왜 이미지를 픽업하지 않는지 알 수 있습니다.나는 여러 가지 다른 길을 시도했지만 그게 나에게 의미가있는 것으로 보이는 유일한 길이다.

그런데 이미지는 디자인 모드에서 적용되지만 이미지를 실행하면 사라집니다.

답변

0

나는 당신의 질문을 이해하면 나도 몰라하지만 여기에서보고 있어요으로, 당신이 당신의 "로컬"스타일이를 선언해야한다 :

textbox.fixedfont { width:200px; } 

하거나 모든 텍스트 상자의 경우에 당신이 요구 한하지 어떤이는, 명확하게하십시오 당신은

textbox { width:200px; } 

... 피부에 문제가되지 않습니다, 같은 폭으로 모든 텍스트 상자에 영향을 미치는 확실하다.

+0

내가 입력 한 코드가 제대로 포맷되지 않아 숨겨 졌다는 사실 때문에 몇 가지 핵심 사항을 놓친 것 같습니다. 아마도 다시 읽으십시오. 나는 또한 2 차 질문을 추가했다. 감사합니다 – ChadD

+0

좋아, 내가 프로그래머가 아니기 때문에 이것은 나에게 다소 그리스어이지만 디자이너이기 때문에 어떤 것을 알아 내면 조금 도와 줄 수 있습니다. 두 번째 질문은 확실하지 않지만 디렉터리 이미지 앞에 /를 사용해야합니까? 일반적으로 이미지 디렉토리에있는 이미지의 선언은 루트 아래 한 수준 아래에 있어야합니다. background-image : URL ('images/image.jpg'); 타일링을 중지하려면 background-image : URL ('images/image.jpg');을 사용해야합니다. 배경 위치 : center center;/* X px 및 Y px 일 수 있습니다. */ background-repeat : no-repeat;/* 또는 hor 또는 vert 타일 */ – Billeeb

+0

나는 그것을 얻는다라고 생각한다. 그러나 다시 확실하지 않은 hahaha. 보겠습니다. 페이지에서 {xxx} 텍스트 상자를 사용할 수 없습니까? 모든 텍스트 상자에 영향을 미칩니다. 그렇다면 글꼴 및 텍스트 상자 너비와 같은 새로운 클래스를 만들어야합니다. FxFont-TBWidth {font-family : courier; 너비 : 200px; 그래서 당신은 CssClass = "FxFont-TBWidth"를 수행합니다. 다른 솔루션에서는 ID를 사용해야합니다. 하지만 그게 미친 짓이야 (# textbox1, # textbox2, # textbox3 등 {너비 : 200px}해야하지만 왜 텍스트 상자 {xxx}를 사용하여 텍스트 상자에 영향을 줄 수 있는지 알지 못한다. – Billeeb

관련 문제