Вопросы Теги

Для Rails View *.html.erb :где разместить таблицу стилей?

У меня есть этот файл:

app/views/listings/list.html.erb

в моем проекте рельсов. Вот содержимое файла:

<h1>This file is:"list.html.erb"</h1>  

<!DOCTYPE html>  
<html>  
  <head>  
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />  
    <style type="text/css">  
      html { height: 100% }  
      body { height: 100%; margin: 0; padding: 0 }  
      #map_canvas { height: 100% }  
    </style>  
    <script type="text/javascript"  
      src="http://maps.googleapis.com/maps/api/js?key=key&sensor=false">  
    </script>  

    <%=javascript_include_tag 'application'%>  
  </head>  
  <body onload="initialize()">  
    <div id="map_canvas" style="width:80%; height:80%"</div>    
    <input type="button" onclick="getlistings();" value="Add Markers">   
    <input type="button" onclick="clearMarkers();" value="Remove Markers">   
  </body>  
</html>

Я хотел бы применить к нему таблицу стилей. Где разместить таблицу стилей? Я попытался поместить код в этот файл :

app/assets/stylesheets/listings.css.scss

, но стиль не был применен к html-файлу. Также мне нужно что-то изменить в моем файле представления html, чтобы включить таблицу стилей?

Это таблица стилей, которая находится по адресу :"app/assets/stylesheets/listings.css.scss"

// Place all the styles related to the Listings controller here.  
// They will automatically be included in application.css.  
// You can use Sass (SCSS) here: http://sass-lang.com/  
.listings  
{  
  table tr td  
  {  
    padding: 5px;  
    vertical-align: top;  
  }  


dt  
{  
  color: #232;  
  font-weight: bold;  
  font-size: larger;  
}  

dd  
{  
  margin: 0;  
}  
}  
#map_canvas  
{  
  width: 80%;  
  height: 80%;  
}

Итак, кто-нибудь может мне помочь?

Спасибо
РЕДАКТИРОВАТЬ
Итак, файл application.html.erb в порядке, как и application.css.Я изменил файл list.html.erb после прочтения ответа, опубликованного ниже. Новый файл list.html.erb выглядит следующим образом:

<h1>Filename = list.html.erb</h1>  

<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />  
<style type="text/css">  
  html { height: 100% }  
  body { height: 100%; margin: 0; padding: 0 }  
  #map_canvas { height: 100% }   
</style>  
<script type="text/javascript"
  src="http://maps.googleapis.com/maps/api/js?key=AIz&sensor=false">  
</script>  
<%= stylesheet_link_tag 'application' %>  
<%=javascript_include_tag 'application'%>

<%= таблица стилей _ссылка _тег 'списки' %>




Единственная проблема сейчас, я хочу взять

<style type="text/css">  
  html { height: 100% }  
  body { height: 100%; margin: 0; padding: 0 }  
  #map_canvas { height: 100% }  
</style>

эту часть из list.html.erb и поместите его в файл list.css.scss. Но когда я делаю это, холст карты _исчезает со страницы, он не отображается.

8
задан banditKing 20 April 2012 в 18:19
поделиться