質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Ruby on Rails 5

Ruby on Rails 5は、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

2回答

510閲覧

rails ユーザー機能を作ってデザインが変になった。

HTMLdoc

総合スコア67

Ruby on Rails 5

Ruby on Rails 5は、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

1クリップ

投稿2019/09/29 06:57

railsについて質問です。
イメージ説明
このように<div>の場所が悪いのか、四角がかさなってしまいます。
ログインしたとき、投稿できる機能をつくって、
その投稿したユーザーしか編集 削除ができるようにしました。

ですが、違うユーザーがその投稿を見た場合、このように四角がかさなって、変な形になってしまいます。

↓index.html.erb

<h2>Twitterフォロー宣伝</h2> <% if user_signed_in? %> <!-- ユーザーがログインしているか調べる --> <!-- ユーザーがログインしていた時の処理 --> <%= link_to '新規記事作成', new_post_path , class: 'new'%> <% @posts.each do |post| %> <div id="box"> <% if current_user.id == post.user_id %> <h2 class="title2"><%= link_to post.title, post_path(post),class: 'title2'%></h2> <%= link_to '[編集]', edit_post_path(post) ,class: 'edit' %> <%= link_to '[X]', post_path(post) ,method: :delete ,class: 'x' %> <p><%= post.body %></p> <time datetime="<%= post.created_at %>"> <p class="time"><%= time_ago_in_words(post.created_at)%></p> </time> </div> <% end %> <% end %> <% @posts.each do |post| %> <% unless current_user.id == post.user_id %> <div id="box"> <h2 class="title2"><%= link_to post.title, post_path(post),class: 'title2'%></h2> <p><%= post.body %></p> <time datetime="<%= post.created_at %>"> <p class="time"><%= time_ago_in_words(post.created_at)%></p> </time> </div> <% end %> <% end %> <!-- ログアウトをする --> <% else %> <!-- ユーザーがログインしていなかった時の処理 --> <% @posts.each do |post| %> <div id="box"> <h2 class="title2"><%= link_to post.title, post_path(post),class: 'title2' %></h2> <p><%= post.body %></p> <time datetime="<%= post.created_at %>"> <p class="time"><%= time_ago_in_words(post.created_at) %></p> </time> </div> <% end %> <% end %> <style> .x:hover{ color: red; background: black; } .edit:hover{ color: red; background: black; } .new:hover{ color: red; background: black; } .time{ color: #777777; } .title2, .edit, .x{ display:inline-block } .title2:hover{ color:red; background: black; } </style>

↓application.css

/* * This is a manifest file that'll be compiled into application.css, which will include all the files * listed below. * * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's * vendor/assets/stylesheets directory can be referenced here using a relative path. * * You're free to add application-wide styles to this file and they'll appear at the bottom of the * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS * files in this directory. Styles in this file should be added after the last require_* statement. * It is generally better to create a new file per style scope. * *= require_tree . *= require_self */ .text{ width: 500px; } .body{ width: 500px; height: 500px; } #box{ border: 1px solid #444444; } .sub:hover{ color: red; background: black; } body{ background: #eeeeee; }

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

siruku6

2019/09/29 07:47

2点質問の修正お願いしたいです。 ・1つ画像が表示されていなさそうなこと  ](5ea7b3309d033c2276b3d4ea6f1eb92f.png) ・どこが問題なのか一見してわからない  「このように<div>の場所が悪いのか、四角がかさなってしまいます。」とあるが、どこがどこに重なっていて、どうしたいのかがよくわかりません。 以上の点を修正すると多少回答が付きやすくなるかと思います。 (もしかしたら、他のソースコードの追加掲載が必要かもしれませんが)
HTMLdoc

2019/09/30 07:51

ホントに申し訳ございませんでした。 これからも気を付けます。 こちらは解決しました。 ありがとうございました。
guest

回答2

0

divの場所がちがかった。
<% @posts.each do |post| %>
<div id="box">
<% if current_user.id == post.user_id %>


<% @posts.each do |post| %>

<% if current_user.id == post.user_id %>
<div id="box">にしたら治りました。

投稿2019/09/30 07:59

HTMLdoc

総合スコア67

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

自己解決

<div>の場所が違いました。。

投稿2019/09/30 07:51

HTMLdoc

総合スコア67

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問