2009-08-27 67 views
0

我有一個包含皮膚文件:外觀和樣式noob問題

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

在同一文件夾中的Skin文件,是下面的css文件。 CSS文件中包含:

.FixedFont 
    { 
    font-family:Courier;  
    } 

最後,我有一個包含下列控制的ASPX頁面:

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

當我認爲在設計模式ASPX頁面或運行網頁,我看到樣式上的font-family屬性確實會影響文本框控件,即將其更改爲Courier。

不過,我還要做的是定義我的ASPX頁面上的本地風格,

.DefaultWidth 
    { 
    width: 300px; 
    } 

...並擁有所有我的文本框,以便它們是相同的寬度。

如果我設置TextBox1中爲「DefaultWidth」的CssClass屬性...

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

...文本框的寬度變爲300像素,但我失去了皮膚的底肥修復字體效果快遞風格。

爲了得到所應用的效果,DefaultWidth和固定的字體文本框效果,我必須將CSSClass屬性設置爲「DefaultWidth FixedFont」,對我來說,這似乎是它擊敗了讓皮膚處於第一名。我想我預計效果是累積的,除非我添加了與SKIN衝突的風格,在這種情況下,我預計本地類將應用於皮膚的效果。例如,如果我應用了第二個類Class2,它除了其他效果之外還包含字體系列規範,我希望Class2中指定的字體可以覆蓋FixedFont樣式中的字體。但這似乎並不是這裏發生的事情。

管理這種情況的最佳方法是什麼?我想經常想要有一系列寬度匹配的文本框,所以我想我除了在皮膚文件中使用應用於控件的類型外,還經常要在控件上指定CssClass。

解決方案是不是在皮膚本身使用CSS?這看起來在維護方面也有缺點。

,我有一個次要的問題是,如果我聲明下面的類樣式表..

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

...並設置一個ASP按鈕「按鈕」的CssClass屬性,我看圖像平鋪在按鈕上。

但是,如果我在皮膚文件

輸入以下代碼沒有找到該圖像。

images文件夾是離網站根目錄的first-levl文件夾。

任何想法爲什麼它沒有拿起圖像。我嘗試了各種其他途徑,但這是唯一對我來說似乎有意義的途徑。

順便說一句,圖像是在設計模式下應用的,但是在運行時它會消失。

回答

0

我不知道如果我理解你的問題,但因爲我從這裏看到,你應該在你的「本地」的風格來聲明這樣的:

textbox.fixedfont { width:200px; } 

,或者只是爲了每一個文本框,如果你肯定影響與寬度相同每個文本框,無所謂皮膚...

textbox { width:200px; } 

如果你問的不是內容,請再清楚不過了。

+0

我認爲你可能錯過了一些關鍵點,因爲我輸入的代碼沒有正確格式化並被隱藏。也許嘗試再讀一遍。我還添加了第二個問題。謝謝 – ChadD 2009-08-27 04:50:41

+0

好的,這對我來說有點希望,因爲我不是程序員,但我是設計師,所以如果我找出一些東西,我可以幫助一點。 第二個問題,不確定,但是需要使用/之前的目錄圖片?通常情況下,在圖像目錄下一級圖像的聲明應該是 background-image:URL('images/image.jpg');如果你想停止平鋪,你應該使用 background-image:URL('images/image.jpg'); background-position:center center;/*可以是X px和Y px */ background-repeat:no-repeat;/*或瓦hor或垂直*/ – Billeeb 2009-08-27 05:32:00

+0

我想我得到它但不能確定,哈哈哈。 讓我們來看看。 你不能在你的頁面中使用文本框{xxx}嗎?這會影響每個文本框。 如果是這樣的話,你應該嘗試爲字體和文本框的寬度做一個新的類,比如FxFont-TBWidth {font-family:courier;寬度:200px;所以你做CssClass =「FxFont-TBWidth」。 另一個解決方案應該使用ID。但是,這將是瘋狂的(你應該做#textbox1,#textbox2,#textbox3等{寬度:200px},但我不知道爲什麼你不能使用文本框{xxx}來影響文本框... – Billeeb 2009-08-27 05:41:37