2016-11-15 11 views
2

私のページでCSSも機能していますが、これは修正できません。ある人が自分のコードを見て助けてくれますか?ASP.NET Cssは機能しません

これは私のCSSをしたい場所です。

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="utf-8" /> 
<title>@ViewBag.Title - My ASP.NET MVC Application</title> 
<link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" /> 
<meta name="viewport" content="width=device-width" /> 
@Styles.Render("~/Content/StyleSheet.css") 
@Scripts.Render("~/bundles/modernizr") 
</head> 

StyleSheet.css

#body { 
width: 100%; 
background-color: red; 
} 

#tabledomeinnamen { 
margin: 0 auto; 
width: 60%; 
color: white; 
background-color: red; 
} 


#tabledomeinnamen td { 
    padding-left: 10px; 
    padding-right: 10px; 
    border: 1px solid white; 
    background-color: forestgreen; 
} 
#Banner { 
width: 75%; 
margin: 0 auto; 
text-align: center; 

} 

#Footer { 
width  :75%; 
margin  :0 auto; 
color  :black; 
clear  :both; 
text-align :center; 
padding-left: 25px; 
padding-right: 25px; 
} 
#menu { 
text-align: center; 
} 

は、いくつかのいずれかが私に言うか、私はこの問題を解決する方法を私に説明できます: CSSのページ名は、これは私の_layoutページですStyleSheet.css

@model IEnumerable<DNDB.Models.Domeinnaam> 

<head> @Styles.Render("~/Content/StyleSheet.css") </head> 
@{ 
ViewBag.Title = "Index"; 
} 
<h2>Domeinnaam Overzicht</h2> 

<p> 
@Html.ActionLink("Voeg toe", "Create") 
</p> 
<table class="tabledomeinnamen"> 
<tr> 
    <th> 
     @Html.DisplayNameFor(model => model.IsActief) 
    </th> 

です?

編集:私はプログラミングにちょっと新しいので、これは簡単ではありません。

+0

出力を表示する必要があります。エラーがありますか? – 476rick

+0

私はしません。それだけでは機能しません。私のレイアウトページにあるCSSが動作します。しかし、例えば私は #テーブルtd { パディング - 左:10px; パディング右:10ピクセル; 境界線:1ピクセルの白い白; background-color:forestgreen; }その部分は他のページにあります。これは動作しません。 – Marijn

+0

どのバージョンのasp.net MVCですか? – Aravind

答えて

4

あなたのCSSは間違っています。クラスセレクタの代わりにIDセレクタを使用しています。ハッシュ(#)は、HTML内のIDを呼び出すことを意味します。しかし、あなたがあなたのHTMLを見れば、テーブル上に定義されたクラスだけがあります。特定のクラスを持つ要素を選択するには、ピリオド(。)文字を入力し、続けてCSSのクラス名を入力します。

More information about ID's and classes can be found here

関連する問題