0

http://colorgrade.it/のように、サイトのロゴと水平方向のナビゲーション要素を並べて配置しようとしています。

何らかの理由で、まだブロックが表示され、Chromeのjavascriptコンソールを見ると、ナビゲーション要素にプロパティdisplay：blockがあることがわかります。これは、問題を説明しているようです。

しかし、これを引き起こしている場所をcssで見つけることができません。このプロパティに寄与する要素は、ul、menu、およびdirです。

ファイル内のブロックを検索すると、

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
article, aside, details, figcaption, figure, 
footer, header, hgroup, section {
  display: block;
}

また、ナビゲーション要素自体にインラインブロックを追加しようとしました。

<%= render :partial => 'layouts/navigation' , :style=>"display:inline-block;"%>

ナビゲーション要素は次のようになります。

<ul id="navigation">
  <li>several li elements</li>
</ul>

2つの要素が並んでいない理由を誰かが説明できますか？ありがとう！

4

1 に答える 1

0

styleに引数を渡すことはできませんrender。ナビゲーション パーシャルでスタイル オプションを適用する必要があります ( のようなものを探しますnavigation.html.erb) 。

ただし、本当に必要でない限り、HTML でスタイル属性を使用しないことをお勧めします。あなたの場合、スタイルシートで css を使用します ( application.sasssass を使用しているかどうかを確認してくださいapplication.css。

さらにアドバイスが必要な場合は、ナビゲーションの HTML コードと CSS コードを投稿してください。

于 2013-01-14T08:51:53.407 に答える