Cześć wam
Nie pisałbym gdybym nie musiał, lecz po 2 godzinach szukania literówki (pewne się znalazły) rozkładam nie tylko me łapy ale też i swój na ogół uparty umysł.
Jako że zaczynam dopiero mą zabawę z RoR’em ciężko jest mi wychwycić, tudzież uzupełnić braki w kodzie a co za tym idzie w książce Agile ( wersja 4 ).
Skłaniam się raczej ku temu iż gdzieś puścili babola aniżeli powinęła mi się noga podczas przepisywania, tym niemniej chcę dowiedzieć się gdzie jest problem w drodze ku zamierzonemu rezultatowi lub też jak przerobić kod by ów osiągnąć
Używam ostatniej wersji Railsinstaller’a i z góry dzięki za wskazówki
jestem na etapie budowania layout’u, który winien wyglądać tak
a wygląda tak. Niby podobnie a jednak nie mogę ściągnąć owego zielonego brzydala na lewą stronę
poniżej kod jak i poprawiony ( jakoby ) application.html.erb ze strony Agile ( http://intertwingly.net/projects/AWDwR4/checkdepot-192-30/section-8.2.html ). Sęk w tym iż patrząc na zdjęcie poniżej widać iż nie mam pliku depot.css, ów poprawiony kod różni się od tego książkowego dopiskiem “” i tym magicznym “depot.css”
index.html.erb
[code]<% if notice %>
<%=notice%>
<% end %>Your Pragmatic Catalog
<% @products.each do |product|%>
<%= product.title%>
<%= sanitize(product.description)%>
</div>
</div>
<% end %>[/code]
store.css.scss
[code].store {
h1 {
margin: 0;
padding-bottom: 0.5cm;
font: 150%sans-serif;
color: #226;
border-bottom: 3px dotted #77d;
}
/*An entry in the store catalog */
.entry {
overflow: auto;
margin-top: 0.5cm;
border-bottom: 1px dotted #77d;
min-height: 100px;
img {
width: 70px;
margin-right: 5px;
margin-bottom: 5px;
position: absolute;
}
h3 {
font-size: 120%;
font-family: sans-serif;
margin-left: 100px;
margin-top: 0;
margin-bottom: 2px;
color: #227;
}
p, div.price_line {
margin-left: 100px;
margin-top: 0.5cm;
margin-bottom: 0.8cm;
}
.price {
color: #44a;
font-weight: bold;
margin-right: 3cm;
}
}
}[/code]
application.html.erb
[code]
Pragprog Books Online Store <%= stylesheet_link_tag "application", :media => "all" %> <%= javascript_include_tag "application" %> <%= csrf_meta_tags %> >#banner img {float: left;}
#notice {
color: #000 !important;
border: 2px solid red;
padding: 1cm;
margin-bottom: 2cm;
background-color: #f0f0f0;
font: bold smaller sans-serif;
}
#columns {
background: #141;
}
#main {
margin-left: 17cm;
padding-top: 4ex;
padding-left: 2cm;
background: white;
}
#side {
float: left;
padding-top: 1cm;
padding-left: 1cm;
padding-bottom: 1cm;
width: 16cm;
background: #141;
}
#side ul { padding: 0; }
#side li { list-style: 0; }
#side a { color: #bfb;
font-size: small; }[/code]