2012-01-26 68 views
-1

這裏是我的CSS:Visual Studio 2010中不按照我的CSS ...幫助請

.body 
{ 
    font-family : Segoe UI; 
} 

.table{ 
    width : 50%; 
    font-size:medium; 
    border-spacing:5px;  
} 

.leftCol 
{ 
    width:15% 
} 

.RightCol 
{ 
    width:35% 
} 

.header 
{ 
    width:35%; 
    font-weight:900; 
    text-align:left; 
} 

.dates 
{ 
    color:GrayText; 
    font-size:small 
} 

.pictures 
{ 
    width:10%; 
} 

.userName 
{ 
    width:10%; 
    text-align:left; 

} 

.smallTable 
{ 
    width:20%;  
} 

下面是HTML標記:

<table class=".table"> 
           <tr> 
            <td rowspan="3" class=".leftCol"> 
             <asp:Label ID="ImageLabel" runat="server" Text='<%# Eval("Image") %>' /> 
            </td> 
            <td class=".header"> 
             <asp:Label ID="UserNameLabel" runat="server" Text='<%# Eval("UserName") %>' /> 
            </td> 
           </tr> 
           <tr> 
            <td class=".rightCol"> 
             <asp:Label ID="TextLabel" runat="server" Text='<%# Eval("Text") %>' /> 
            </td> 
           </tr> 
           <tr> 
            <td class=".dates"> 
             <asp:Label ID="DateLabel" runat="server" Text='<%# Eval("Date") %>' /> 
            </td> 
           </tr> 
          </table><hr />  

另一種:(此表格寬度實際上作品)

<table class=".smallTable"> 
           <tr > 
            <td class=".pictures"> 
             <asp:Label ID="Label1" runat="server" Text='<%# Eval("Pictures") %>' /></td> 
            <td class=".userName" align="left"> 
             <asp:Label ID="Label2" runat="server" Text='<%# Eval("Name") %>' /></td> 
           </tr> 
          </table><hr /> 

如此,而不是遵守規則,使用VS類。表100使用%的寬度爲表,然後它只是安排在合理的。日期不會以灰色顯示...並且基本上沒有任何內容。但我可以向你保證,我寫的類名,一切都是正確的,我檢查。它只是沒有用。你知道嗎我可以強制VS 2010做到這一點?

+0

你怎麼在_blaming_ Visual Studio中的意思是,這是什麼都與輸出呢? –

+0

如果它不起作用,那麼東西是不正確的:)你有正確的樣式表嗎? –

+0

也發佈您的HTML標記。您也正在使用.table類,而表格元素已經存在。 – Jawad

回答

2

在你聲明的變量必須將它們與出點所有類。例如:

<table class="smallTable"> 

,並更改類名.table到別的東西,因爲該表是儲備的所有表,可能這種類型的變量導致的錯誤。不要混淆標籤名稱和css聲明。

的CSS table{ width : 50%; }更改頁面上的所有表。
的CSS body{ font-family : Segoe UI; }改變所有的體字體。
的CSS .body{ font-family : Segoe UI; }只是改變你的聲明在類作爲身體的話,但最終可能會導致缺陷和錯誤。

+0

奇怪的是.smallTable的作品,但.table沒有。 – Jawad

+0

@Jawad沒有沒有工作,或VS也許顯示它的工作,他們只是有一個寬度。你認爲這樣做有效,或者瀏覽器對其中一些有一定的寬容度,但它不起作用,它不正確。 – Aristos

+0

工程就像一個魔術!謝謝 ! –