ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / Не подключаются стили CSS
11 сообщений из 11, страница 1 из 1
Не подключаются стили CSS
    #39025665
v0id777
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
v0id777
Гость
Всем привет!
Недавно начал осваивать asp.net, и у меня возникла проблема. Создаю пустой проект ASP.NET MVC4 Web Application, контроллер и представление. Ничего необычного. Затем добавляю в проект таблицу стилей(css файл), прописываю стиль, но он почему-то не применяется (проверяю в FireBug'е). Скажите, что я делаю не так? Гуглил, но похоже у меня одного такая проблема.

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
<!DOCTYPE html>

<html>
<head runat="server">
	<link rel="stylesheet" href="Styles.css"/>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
</head>
<body>
    <div id="view">
        <p>HELLO!!!</p>
    </div>
</body>
</html>



Код: c#
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
namespace MvcApplication2.Controllers
{
    public class HomeController : Controller
    {
        //
        // GET: /Home/

        public ViewResult Index()
        {
            return View();
        }

    }
}



Код: css
1.
2.
3.
4.
#view p {
	color: red;
	font-size: 40px;
}
...
Рейтинг: 0 / 0
09.08.2015, 08:45
| Ответить | Цитировать | Написать  
Не подключаются стили CSS
    #39025677
Andrey1306
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Andrey1306
Участник
и где он указан во view ?
...
Рейтинг: 0 / 0
09.08.2015, 09:59
| Ответить | Цитировать | Написать  
Не подключаются стили CSS
    #39025679
v0id777
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
v0id777
Гость
Andrey1306, стиль описан в css, и подключается к представлению в <head>,

Код: html
1.
<link rel="stylesheet" href="Styles.css"/>



Нужно ещё где-то указывать?
...
Рейтинг: 0 / 0
09.08.2015, 10:12
| Ответить | Цитировать | Написать  
Не подключаются стили CSS
    #39025682
Фотография Shocker.Pro
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Shocker.Pro
Участник
1) В MVC стили подключаются хелпером
Код: c#
1.
@Styles.Render("~/.......")

2) Путь к стилю не указан, а значит будет браться из текущего каталога, а его там нет (впрочем, см. п.1.)
3) runat="server" там зачем? (впрочем, см. п.1.)
...
Рейтинг: 0 / 0
09.08.2015, 10:35
| Ответить | Цитировать | Написать  
Не подключаются стили CSS
    #39025700
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
hVostt
Участник
Shocker.Pro1) В MVC стили подключаются хелпером
Код: c#
1.
@Styles.Render("~/.......")



Это при наличии bundling, это отдельная концепция, которую надо осознать.
Но честно говоря, на это время тратить даже не стоит, так как родной бандлер устарел, и более не будет ни развиваться, ни поддерживаться. Майкрософт переехала на рельсы gulp/grunt для сборки скриптов и стилей.

Автору же надо вписать:

Код: html
1.
<link type="text/css" rel="stylesheet" href="~/Content/Site.css" />



и усё заработает.
...
Рейтинг: 0 / 0
09.08.2015, 12:42
| Ответить | Цитировать | Написать  
Не подключаются стили CSS
    #39025701
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
hVostt
Участник
v0id777
Код: html
1.
runat="server"



лишнее, убери отовсюду.
...
Рейтинг: 0 / 0
09.08.2015, 12:43
| Ответить | Цитировать | Написать  
Не подключаются стили CSS
    #39025720
v0id777
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
v0id777
Гость
hVostt, до совета использовать Styles.Render я пытался сделать так, как вы советовали. Когда код страницы выглядит так:

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8">
	<meta name="viewport" content="width=device-width"/>
	<meta http-equiv="X-UA-Compatible" content="IE=Edge">
	<title>help</title>
	<link type="text/css" rel="stylesheet" href="~/Views/Home/css/styles.css"/>
</head>
<body>
    <div id="view">
        <p>HELLO!!!</p>
    </div>
</body>



Но каким бы я способом не пробовал подключить стили:
Код: html
1.
<link type="text/css" rel="stylesheet" href="css/styles.css">

стили не подключаются. В FireBug'е выдаёт в разметке сообщение, как показано ниже:

 

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
<!DOCTYPE html>
<html>
    <head>
        <title>Не удалось найти данный ресурс.</title>
        <meta name="viewport" content="width=device-width" />
        <style>
         body {font-family:"Verdana";font-weight:normal;font-size: .7em;color:black;} 
         p {font-family:"Verdana";font-weight:normal;color:black;margin-top: -5px}
         b {font-family:"Verdana";font-weight:bold;color:black;margin-top: -5px}
         H1 { font-family:"Verdana";font-weight:normal;font-size:18pt;color:red }
         H2 { font-family:"Verdana";font-weight:normal;font-size:14pt;color:maroon }
         pre {font-family:"Consolas","Lucida Console",Monospace;font-size:11pt;margin:0;padding:0.5em;line-height:14pt}
         .marker {font-weight: bold; color: black;text-decoration: none;}
         .version {color: gray;}
         .error {margin-bottom: 10px;}
         .expandable { text-decoration:underline; font-weight:bold; color:navy; cursor:hand; }
         @media screen and (max-width: 639px) {
          pre { width: 440px; overflow: auto; white-space: pre-wrap; word-wrap: break-word; }
         }
         @media screen and (max-width: 479px) {
          pre { width: 280px; }
         }
        </style>
    </head>

    <body bgcolor="white">

            <span><H1>Ошибка сервера в приложении '/'.<hr width=100% size=1 color=silver></H1>

            <h2> <i>Не удалось найти данный ресурс.</i> </h2></span>

            <font face="Arial, Helvetica, Geneva, SunSans-Regular, sans-serif ">

            <b> Описание: </b>HTTP 404. Возможно, искомый ресурс (или одна из его зависимостей) удален, получил другое имя или временно недоступен. &nbsp;Просмотрите следующий URL-адрес и проверьте, что он введен правильно.
            <br><br>

            <b> Запрошенный URL: </b>/Views/Home/css/styles.css<br><br>

            <hr width=100% size=1 color=silver>

            <b>Информация о версии:</b>&nbsp;Платформа Microsoft .NET Framework, версия:4.0.30319; ASP.NET, версия:4.0.30319.34248

            </font>

    </body>
</html>
<!-- 
[HttpException]: Путь &#39;/Views/Home/css/styles.css&#39; не найден.
   в System.Web.HttpNotFoundHandler.ProcessRequest(HttpContext context)
   в System.Web.HttpApplication.CallHandlerExecutionStep.System.Web.HttpApplication.IExecutionStep.Execute()
   в System.Web.HttpApplication.ExecuteStep(IExecutionStep step, Boolean& completedSynchronously)
-->




Если указывать путь без "~/...", то оно выглядит немного иначе

 

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>Подробно об ошибке IIS 8.0 - 404.0 - Not Found</title> 
<style type="text/css"> 
<!-- 
body{margin:0;font-size:.7em;font-family:Verdana,Arial,Helvetica,sans-serif;} 
code{margin:0;color:#006600;font-size:1.1em;font-weight:bold;} 
.config_source code{font-size:.8em;color:#000000;} 
pre{margin:0;font-size:1.4em;word-wrap:break-word;} 
ul,ol{margin:10px 0 10px 5px;} 
ul.first,ol.first{margin-top:5px;} 
fieldset{padding:0 15px 10px 15px;word-break:break-all;} 
.summary-container fieldset{padding-bottom:5px;margin-top:4px;} 
legend.no-expand-all{padding:2px 15px 4px 10px;margin:0 0 0 -12px;} 
legend{color:#333333;;margin:4px 0 8px -12px;_margin-top:0px; 
font-weight:bold;font-size:1em;} 
a:link,a:visited{color:#007EFF;font-weight:bold;} 
a:hover{text-decoration:none;} 
h1{font-size:2.4em;margin:0;color:#FFF;} 
h2{font-size:1.7em;margin:0;color:#CC0000;} 
h3{font-size:1.4em;margin:10px 0 0 0;color:#CC0000;} 
h4{font-size:1.2em;margin:10px 0 5px 0; 
}#header{width:96%;margin:0 0 0 0;padding:6px 2% 6px 2%;font-family:"trebuchet MS",Verdana,sans-serif; 
 color:#FFF;background-color:#5C87B2; 
}#content{margin:0 0 0 2%;position:relative;} 
.summary-container,.content-container{background:#FFF;width:96%;margin-top:8px;padding:10px;position:relative;} 
.content-container p{margin:0 0 10px 0; 
}#details-left{width:35%;float:left;margin-right:2%; 
}#details-right{width:63%;float:left;overflow:hidden; 
}#server_version{width:96%;_height:1px;min-height:1px;margin:0 0 5px 0;padding:11px 2% 8px 2%;color:#FFFFFF; 
 background-color:#5A7FA5;border-bottom:1px solid #C1CFDD;border-top:1px solid #4A6C8E;font-weight:normal; 
 font-size:1em;color:#FFF;text-align:right; 
}#server_version p{margin:5px 0;} 
table{margin:4px 0 4px 0;width:100%;border:none;} 
td,th{vertical-align:top;padding:3px 0;text-align:left;font-weight:normal;border:none;} 
th{width:30%;text-align:right;padding-right:2%;font-weight:bold;} 
thead th{background-color:#ebebeb;width:25%; 
}#details-right th{width:20%;} 
table tr.alt td,table tr.alt th{} 
.highlight-code{color:#CC0000;font-weight:bold;font-style:italic;} 
.clear{clear:both;} 
.preferred{padding:0 5px 2px 5px;font-weight:normal;background:#006633;color:#FFF;font-size:.8em;} 
--> 
</style> 
 
</head> 
<body> 
<div id="content"> 
<div class="content-container"> 
  <h3>Ошибка HTTP  404.0 - Not Found</h3> 
  <h4>Разыскиваемый вами ресурс был удален, было изменено его имя или он временно недоступен.</h4> 
</div> 
<div class="content-container"> 
 <fieldset><h4>Наиболее вероятные причины:</h4> 
  <ul> 	<li>Указанный каталог или файл не существует на данном веб-сервере.</li> 	<li>URL-адрес содержит орфографическую ошибку.</li> 	<li>Специальный фильтр или модуль, такой как URLScan, ограничивает доступ к файлу.</li> </ul> 
 </fieldset> 
</div> 
<div class="content-container"> 
 <fieldset><h4>Что можно предпринять:</h4> 
  <ul> 	<li>Создайте содержимое на веб-сервере.</li> 	<li>Проверьте URL-адрес веб-браузера.</li> 	<li>Чтобы получить дополнительные сведения об этой ошибке, проверьте журнал трассировки для невыполненных запросов и определите, какой модуль вызывает SetStatus. Чтобы получить дополнительные сведения, щелкните  <a href="http://go.microsoft.com/fwlink/?LinkID=66439">здесь</a>. </li> </ul> 
 </fieldset> 
</div> 
 
<div class="content-container"> 
 <fieldset><h4>Подробные сведения об ошибке:</h4> 
  <div id="details-left"> 
   <table border="0" cellpadding="0" cellspacing="0"> 
    <tr class="alt"><th>Модуль</th><td>&nbsp;&nbsp;&nbsp;IIS Web Core</td></tr> 
    <tr><th>Уведомление</th><td>&nbsp;&nbsp;&nbsp;MapRequestHandler</td></tr> 
    <tr class="alt"><th>Обработчик</th><td>&nbsp;&nbsp;&nbsp;StaticFile</td></tr> 
    <tr><th>Код ошибки</th><td>&nbsp;&nbsp;&nbsp;0x80070002</td></tr> 
     
   </table> 
  </div> 
  <div id="details-right"> 
   <table border="0" cellpadding="0" cellspacing="0"> 
    <tr class="alt"><th>Запрашиваемый URL-адрес</th><td>&nbsp;&nbsp;&nbsp;http://localhost:11788/css/styles.css</td></tr> 
    <tr><th>Физический путь</th><td>&nbsp;&nbsp;&nbsp;F:\My projects\MvcApp\MvcApp\css\styles.css</td></tr> 
    <tr class="alt"><th>Способ входа</th><td>&nbsp;&nbsp;&nbsp;Анонимная</td></tr> 
    <tr><th>Пользователь, выполнивший вход</th><td>&nbsp;&nbsp;&nbsp;Анонимная</td></tr> 
    <tr class="alt"><th>Каталог трассировки запросов</th><td>&nbsp;&nbsp;&nbsp;C:\Users\User\Documents\IISExpress\TraceLogFiles\MVCAPP</td></tr> 
   </table> 
   <div class="clear"></div> 
  </div> 
 </fieldset> 
</div> 
 
<div class="content-container"> 
 <fieldset><h4>Дополнительные сведения:</h4> 
  Эта ошибка означает, что данный файл или каталог не существует на этом сервере. Создайте нужный файл или каталог и вновь направьте запрос. 
  <p><a href="http://go.microsoft.com/fwlink/?LinkID=62293&amp;IIS70Error=404,0,0x80070002,9200">Просмотреть дополнительные сведения &raquo;</a></p> 
   
 </fieldset> 
</div> 
</div> 
</body> 
</html>





Но ниодним способом подключить стили не удаётся. Ни Styles.Render ни через <link>. Файлы стилей я включил в проект.
...
Рейтинг: 0 / 0
09.08.2015, 14:12
| Ответить | Цитировать | Написать  
Не подключаются стили CSS
    #39025878
Фотография Shocker.Pro
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Shocker.Pro
Участник
Короче, забейте пока на подключение стиля, к странице, вам нужно добиться, чтобы после запуска проекта он просто открывался вручную в браузере по определенному урл-у, например
Код: plaintext
 http://mydomain.ru/Views/Home/css/styles.css
, а не выдавал ошибку 404.
Проверьте, что у файла стиля в свойствах стоит Build Action=Content. Проверьте, что он действительно лежит именно по этому пути в проекте. Проверьте, что в скомпилированном проекте этот путь существует.
...
Рейтинг: 0 / 0
10.08.2015, 00:39
| Ответить | Цитировать | Написать  
Не подключаются стили CSS
    #39025893
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
hVostt
Участник
Shocker.Pro,

да что там добиваться-то, чёрт подери? годовалый ребёнок справится. алгоритм:

1. ставишь последнюю студию (можно не выкалупываться, а ставить сразу 2015-ую, коммьюнити эдишн бесплатна)
2. создаёшь проект MVC
3. запускаешь проект, всё, профит, ура! открываем шампанское, мы это сделали! создали проект, теперь ты настоящей кодер! держись пентагон!!!!
...
Рейтинг: 0 / 0
10.08.2015, 01:47
| Ответить | Цитировать | Написать  
Не подключаются стили CSS
    #39025989
v0id777
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
v0id777
Гость
Обнаружилась проблема. Я засунул файл стиля в папку представления, из-за чего собственно IIS не мог найти этот ресурс. Создал в корне проекта папку Content, закинул туда, и всё заработало. Всем спасибо.
...
Рейтинг: 0 / 0
10.08.2015, 09:43
| Ответить | Цитировать | Написать  
Не подключаются стили CSS
    #39026105
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
hVostt
Участник
v0id777Обнаружилась проблема. Я засунул файл стиля в папку представления, из-за чего собственно IIS не мог найти этот ресурс. Создал в корне проекта папку Content, закинул туда, и всё заработало. Всем спасибо.

das ist fantastish ))
...
Рейтинг: 0 / 0
10.08.2015, 11:35
| Ответить | Цитировать | Написать  
11 сообщений из 11, страница 1 из 1
Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / Не подключаются стили CSS
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]