рельсы для укладки петли - PullRequest
Новая
       6

рельсы для укладки петли

0 голосов
/ 29 февраля 2012

плохо знакомы с рельсами.Попытка добавить фон с помощью css в область цикла моего кода, но, кажется, что он не читается в этой области.Любой CSS, примененный до или после функции цикла рельсов, отображается, но фон останавливается прямо перед тем, как все в музейном цикле.Любая помощь?

scaffold.css.css: 

#museums {
    background: #ccc;
}

index: 

<div id="museums">
<h1> Museums </h1>
<% @museums.each do |museum| %>
    <div class="museumAdd">
        <div class="name"><%= museum.name %></div>
        <div class="description"><%= museum.description %></div>
        <div class="location"><%= museum.city %>, 
        <%= museum.state %></div><br />

        <div class="edit">
            <%= link_to 'View', museum %><br />
            <%= link_to 'Edit', edit_museum_path(museum) %><br />
            <%= link_to 'Delete', museum, :confirm => 'Are you sure?', :method => :delete %>
        </div>
    </div>
<% end %>
</div>

Ответы [ 2 ]

2 голосов
/ 01 марта 2012

Вы не предоставили достаточно информации, чтобы с уверенностью ответить на вопрос, и мне не хватает очков кармы / цирка / чего-либо еще, чтобы задавать вопросы в качестве комментария.

Ну, у меня есть довольно хорошее предположение, хотя.Это не проблема Rails.Вы могли бы использовать что-нибудь там.Это проблема CSS.Судя по комментариям под вашим вопросом, это звучит как классическая проблема «контейнер не содержит плавающих объектов», хотя я не могу спросить вас, плавают ли вещи внутри #museum.Они?Добавление заданной высоты соответствует классическим признакам.

Существует около миллиарда различных методов очистки и включения с плавающей точкой.Предполагая, что у вас НЕ установлена ​​высота на вашем div сейчас, быстрый способ проверить, исчезнет ли проблема, если вы дадите #museums overflow: hidden?

Overflow: hidden не всегда лучший floatметод включения, но это хорошо 90 +% времени.Попробуйте и доложите.

0 голосов
/ 01 марта 2012

Звучит так, будто у вас есть другие css, возиться с этим. Кроме того, похоже, что здесь есть немного классицизма, и я предполагаю, что вы не хотите, чтобы все с классом 'description' или 'name' имели одинаковый стиль в приложении. Если это так, попробуйте: 

#museums {
    background: #ccc;
}
.museumAdd .name, .museumAdd .description, .museumAdd .location, .museumAdd .edit{
background-color:transparent;
}

или просто: 

#museums div{background-color:transparent;}
...