未解決の質問
0
票
1
回答
48
閲覧数
Rails7アプリをProductionモードで起動したら一部デザインが崩れてしまう
状況
自作Railsアプリのプログラムをローカルで開発したので、動作確認のためにDocker環境上でproductionモードで起動しました。
アプリ自体は起動し、http://localhost:8000 でアクセスするとアプリ自体も表示されるのですが、一部デザインが崩れて表示されてしまいます。(CSSがうまく効かず画像が特大サイズで表示されたりします。)
...
0
票
1
回答
65
閲覧数
GitHub PagesでCSSが反映されない
GitHub Pagesでwebサイトを作ったのですが、cssがどうしても反映されません。
要因と対策を教えてください。よろしくお願いします。
HTML側のコードはこれにしてあります
<link rel="stylesheet" href="https://kongou173.github.io/Coresync-bot/css/style.css" /...
0
票
0
回答
104
閲覧数
HTMLに埋め込んだGoogle Mapの上部に余白が生まれるのをなくしたい
ポートフォリオ用の架空のWebサイトを作成しています。
住所と埋め込んだGoogle Mapを横並びにしたいのですが、アクセス欄をdivで囲み display:inline を指定すると、添付した画像のように、地図が横には配置されますが上部に余白ができてしまいます。
画像内の矢印で示したように、Google Mapを「アクセス」に引いてある下線のすぐ下に持っていきたいのですが、...
0
票
0
回答
61
閲覧数
Railsでsimple_calendarのGemを使用してカレンダーを作成したいが、自動的に反映されるはずのCSSが反映されない。
Railsのsimple_calendarのGemは,stylesheetsディレクトリ配下のapplication.cssに *= require simple_calendar. を追加すれば自動的に反映されるはずですが、反映されません。エラーなどは出ておらず原因不明です。解決策わかる方いらっしゃいましたら、よろしくお願いいたします。
Railsのバージョンは Rails 7.0.8.1 です。...
0
票
1
回答
95
閲覧数
cssのpositionにstickyを設定したが、緑色のボックスが動かない
positionにstickyを選択したのですが、画像のRelative以下の緑色のボックスが動きません。
Google Chromeを使用しています。
div {
width: 100px;
height: 100px;
background-color: #3d405b;
border: 2px solid black;
margin: 10px;
...
1
票
0
回答
70
閲覧数
Rails7でwebpackerからvite_railsに移行したが@rails/ujsが読み込めずにdestroyリクエストがgetリクエストになってしまう
前提
私はRails6で構成されていたアプリをRails7にバージョンアップした。
同時にwebpackerからviteに移行しました。
開発環境では問題なく動いていますが、本番環境ではrails/ujsがうまく動作していません。
現状
ブラウザのconsoleタグで以下のエラーが表示されている。
Uncaught TypeError: Cannot set properties of ...
0
票
1
回答
97
閲覧数
htmlのdivとtextのサイズについての質問です
初歩的な質問で恐縮ですが、div要素に囲われたtextなのですが、検証ツールで確認すると、サイズがdivは200x300なのに対して、textは381.36x536になりました。しかし見た目ではtextがdivの中に囲われています。
サイズがtextの方が大きいのにdivからはみ出さないのはなぜですか?
お手数をおかけしますが回答いただけますと幸いです。
以下コードです。
HTML
<...
0
票
0
回答
110
閲覧数
iOS の safari や chrome で position: sticky かつ writing-mode: vertical-rl のコンテンツが断続的に消える
iOS で position:sticky と writing-mode:vertical-rl を組み合わせて使用すると、position:sticky を指定した要素内のコンテンツが、ページが読み込まれたとき、あるいは縦方向にちょこっとスクロールしたときに、表示が消えることがあります。
DEMO on Netlify
コンテンツを右から左に読むようにして、各セクションの見出し部を ...
0
票
0
回答
75
閲覧数
マルチスライドを自動でスライドさせたい
javascriptを使用して左右に配置した画像を上下対比するように自動スライドさせたいです。
また、より良い作成方法があれば教えていただきたいです。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta ...
0
票
0
回答
79
閲覧数
Vue3ヘッダーボタン操作でモーダルの表示場所をメインコンテンツに表示したいがヘッダーから抜け出せない
Vue3でヘッダーコンポーネントとメインコンポーネントを分けて作成しています。ヘッダーにボタンを配置して押すとモーダルがヘッダー以外に表示するという仕組みを作りたいです。
モーダルコンポーネントはメインコンポーネントに配置してヘッダーのボタンと繋がればうまく行きそうですがうまくいかずで。またモーダルはメインコンテンツの範囲だけで表示したいのでこれはサイズ指定すれば何とかなりそうですが、...
0
票
0
回答
47
閲覧数
複数の要素をモバイルまたはPCでの画面に応じて、縦並びまたは横並びになるようにしたい
3つの要素をモバイル用画面では縦並び、PC用画面では横並びにしたいです。現在モバイル用画面で縦並びにはできていますが、PC用画面で横並びにできていません。HTML、CSSは以下のようです。
@import url('https://fonts.google.com/specimen/BIZ+UDGothic');
h1{
font-size: 24px;
}
h2{
...
0
票
0
回答
27
閲覧数
ONE BOOK 3Dで特定のボタンの削除
ONE BOOK 3Dで特定のボタンを削除することはできますか。
jQueryPluginをダウンロードして、Html、CSSでカスタマイズしています。
jsは触っていません。
jsの知識が疎いこともあり、ダウンロードボタンと拡大ボタンを非表示かつクリックもできないようにしたいのですが
どのファイルの修正が必要で、どこをどのように記述すれば実現できるか分かりません。
▼削除したい両端のボタン
0
票
1
回答
236
閲覧数
HPに絞り込み検索結果数を表示したい。
jQuery初心者です。
下記のjQueryの検索機能(絞り込み検索)を自社サイトに導入しようとしています。
このスクリプトにコードを追加して、絞り込み表示件数を表示したいのですが、スクリプトの知識もなく、どうすれば良いのかわかりません。
ご教授いただけると大変助かります。何卒よろしくお願いします。
参考サイト:
https://www.atelier-sunko.info/entry/...
-1
票
1
回答
183
閲覧数
背景画像の上に要素を並べたい
header部分の背景画像の上に<h1>の要素と<ul>の要素を配置したいのですが、position:relative;をbg-imgに適用し、position:absolute;を背景画像上に置きたい<h1>や<ul>要素に適用したのですが反映されません。どうしたら良いでしょうか?下記がheader部分のHTMLとCSSのコードです。...
0
票
1
回答
370
閲覧数
レスポンシブでposition:fixedをかけると横幅がはみ出す、更にスクロール時に要素全体が固定されず半分になる
レスポンシブでmax-widthは390pxです。
.header_innerにposition:fixedをかけると横幅が右にはみ出してしまいます。
(fixedをかける前は収まっていた)
更にスクロール時に要素全体が固定されず半分になってしまいます。
(上に少し移動してしまう)
レスポンシブの確認方法はGooglecharmの検証ツールを使っています。
下記レスポンシブのcssです。
...