回答数
気になる
-
ホームページ上の画像が印刷時にズレてしまいます
添付画像はChromeからpdfへ書き出しました際のA4サイズとA3サイズでの 画像データの横幅のズレですけれど、Chromeブラウザ上では左図のように 上の画像と下のTableの横幅が合っていました。 (ブラウザ表示そのものの画像は割愛) その状態でA4サイズで印刷をしますと右図のようにズレますので、 (修正前の元データをA4サイズで印刷したそのものの画像は割愛) CSSを修正して @media print { .wp-image-240 { align: center ; width: 200mm; } } という設定を追加し、A4サイズでの印刷は左図のようになり目的を達成 しております。 しかしここで、A3サイズで印刷しました場合、右図のように上の画像と 下のTableがズレてしまいますので、このズレを直したいです。
質問日時: 2020/11/26 13:16 質問者: risaghon
ベストアンサー
2
0
-
Python3, Flask, Jinja2などで画像を手動で順番に表示させる方法
完全なローカル環境で、自炊した本を表示するWebアプリを作ろうとしています。Python3は初心者です。ローカルに保存した画像を順に表示させるだけの単純なやつを想定しているので、より軽いFlaskを選びました。実装したいことを箇条書きにします。 ①本の表紙の画像をクリックすると、別ウィンドウ(モードレス)が立ち上がって1ページ目の画像が表示される。 ②1ページ目の画像の両端に左右の矢印をつけて、矢印クリックで1ページずつ進む/戻るをしたい。矢印表示じゃなくて、キーボードの矢印キーでもOK。 ③できれば全画面表示の切り替えもできるようにしたい。 それほど複雑ではないと思うのですが、今は①の表紙画像の表示までしかできていません・・・。ITに詳しくないので、言葉遣いが適切でないところがあるかもしれませんが、どうすればこのようなものが作れるのか、教えて下さい。よろしくお願いします。
質問日時: 2020/11/25 22:26 質問者: benkyou-chuu
解決済
3
0
-
HTML ラジオボタンを使ったコードについて教えてください。
HTMLで添付のような表を作成したいのですが、素人の私にはレベルが高く、知識のある方のお力添えをいただきたいと思い質問させていただきます。 テーマは「新図書貸出表」と題して、下記のような仕組みを考えております。 ・貸出しは一人一冊のみ選択可 ・貸出中の図書は「貸出中」ラベルの表示 ・チェックが入ったら他の人が借りれないようにグレーアウトになるように もちろん、全く同じ形式でなくても構いません。 HTMLにお詳しい方に、是非ご提案頂けましたら幸いです。 宜しくお願い致します。
質問日時: 2020/11/24 20:26 質問者: チャレンジちゃお
解決済
2
0
-
コード内にテキストボックス入力内容を埋め込みたい。
サイトのコード内にテキストボックスに入力した文字が埋め込まれ、指定場所に表示されるようにしたい。 どのようなコードを使えばよいのでしょうか。 教えてください。 よろしくお願いいたします。
質問日時: 2020/11/24 18:48 質問者: クモハ410系
解決済
3
0
-
htmlについて
すみません。 htmlで質問です。 <div class="nav"> <ul> <a href="#"><li>MENU1</li></a> <a href="#"><li>MENU2</li></a> <a href="#"><li>MENU3</li>< <a href="#"><li>MENU4</li></a> </ul> </div> こちらを中央寄せしたいのですができないので教えてください。 navは自分で書いて、div display block はもともとブラウザ(グーグル)書いてありました。 以下、css .nav { margin: 0 auto; text-align: center; } .nav ul{ text-align:center; list-style: none; display: flex; } .nav li{ background-color:#101010; margin-right:2%; } .nav a{ font-size:3vw; color:#fff; width:20%; } user agent stylesheet div { display: block;
質問日時: 2020/11/23 12:16 質問者: 9うい9p
ベストアンサー
3
0
-
DIVのサイズが変わっても文字の位置を固定するには???
宜しくお願いいたします。 現在、背景画像の上に文字を表示する方法を試しているのですが、うまくいかずアドバイスをお願いできないでしょうか…。 行いたいことは、DIVに背景を指定して、その上に文字を表示しています。 上下左右真ん中表示の文字です。 ただ、画面幅を変えるレスポンシブで対応をしたいのですが、画面幅が変わると上下左右の真ん中位置が崩れてしまうのです。 幾つかこれらの問題のサイトを拝見したのですが、お恥ずかしい話、あまり理解が進まず質問をさせて頂きました。 HTMLとCSSは以下の感じです。 CSS .hoge { background: url("./hoge.png") ; background-size: cover; /*画像は拡大縮小しても全体を表示したいです!*/ } HTML <div class="hoge"> このメッセージは拡大縮小しても常に真ん中表示にしたい!!! </div> このような感じの場合、どういった定義で中身のメッセセージ部分(このメッセージは拡大縮小しても常に真ん中表示にしたい!!!)を常に拡大縮小しても真ん中に表示することができますでしょうか? 宜しくお願いいたします。
質問日時: 2020/11/22 21:18 質問者: yuyukina
ベストアンサー
1
1
-
メニューの折り畳み階層化について
https://templated.co/ion 上記リンクのテンプレートのトップにあるレスポンシブメニューですが、通常の<ul><li>タグでのメニューの階層化がうまくできなかったのですが、なにか違った方法があるのでしょうか?
質問日時: 2020/11/18 11:50 質問者: discontinuite
ベストアンサー
3
0
-
htmlでのリンクの表示に関する質問です
htmlを使用してリンクを権限によって表示・非表示にしたいのですがどうすればいいかわかりません。
質問日時: 2020/11/17 11:22 質問者: サタニキア
解決済
1
0
-
html超基本
超基本的なことなのですがうまく調べられなかったので教えてください。 下記のようにhtmlでimg を入れて、それをcssで調整したいのですが、 いちいちimgだけをdivで囲ってあげないといけないのでしょうか? html <div class="hand"> <p>テキスト</p> <img src="images/hand.jpg" width="90%" alt="手"> </div> css .hand img{ } で指定できません。 とすると、 <div class="hand"> <p>テキスト</p> <div class="hand-img"> <img src="images/hand.jpg" alt="手"> </div> </div> と、divだらけになってしまうのですが、これしか方法はないのでしょうか?
質問日時: 2020/11/11 06:14 質問者: ハコ2222
解決済
3
0
-
htmlのolやulなどlistにtitleやcaptionをつけられますか?
tableにはcaptionタグがありますが、olやulなどのリストにもそのようなタグがありますか? リストにタイトルやキャプションをつけたいのですが
質問日時: 2020/11/06 21:30 質問者: hidari88
ベストアンサー
2
0
-
htmlとCSSについて
仕事場で1人サイトを作ってます。 画面スクロールに伴い、途中から途中までの 要素の固定スクロールについて上手く出来ないので教えていただきたいです。 やりたい仕様としては ①画面をスクロールすると、画像と「画像に乗った途中まで固定スクロールしたい要素」が出てくる。 ②画面スクロールを続けると、画像を置いて要素のみが画面内に留まり、一緒にスクロールされる。(ここまではできた。) ③要素の固定スクロールは次の「画像に乗った途中まで固定スクロールしたい要素」のところまでつづく。(これができません。) ③の出来る方法が知りたいです。 「画像に乗った途中まで固定スクロールしたい要素」というのは、ページ内での項目名みたいなもので、その項目の間は画面上に項目名を固定したい。 次の項目が来たら、項目名は縦方向には同じ位置にいるので、バトンタッチするように 固定する項目名が変わる。 ということがしたいのです。 現在、画像の上に、要素をposition:absolute指定で乗せています。 そしてさらに position:sticky; を指定することで、 画面スクロールに従い、 要素が出てきてから、画像をその場に置いて要素の途中までスクロールすることができました。 このposition2つは要素のクラス名に入っています(このクラス名で、要素の四角の大きさと、fontも指定してます。) ですが、その「途中」が早い段階で途切れてしまいます。
質問日時: 2020/11/06 07:27 質問者: rakiduta1
ベストアンサー
1
1
-
WEBデザインわかる方!ソース表示させた後戻し方!
WEBに強い方お願いします! ウェブサイトのソース表示や検証ページを 表示させた後、 表示させたのはいいですが元のデザインされた公式ページ??に戻るためにはどう操作すればいいですか? ご回答お待ちしています。
質問日時: 2020/11/05 10:10 質問者: かみこさ
ベストアンサー
2
0
-
htmlをデバッガーを利用して、開発状況がわかるプラグイン
現在、htmlの開発を行っているのですが、ブラウザは、chromeを使っており、エデイターは、visual studio codeです。検査を使えば、コードが閲覧できるのは、知っているのですが、これだと、現在のhtmlのコードで、ブラウザでは、どのように表示されるのかということがわからないので、コードがブラウザで、表示された状況をコードを入力しながら、確認したいのですが、そのようなプラグイン は、ございませんでしょうか。
質問日時: 2020/11/02 15:25 質問者: finaltida108070809
解決済
1
1
-
ホームページ制作について
ホームページ制作について レスポンシブを作ろうと パソコンのGoogleChromeの検証での「スマホ画面」で見えるボタンを押して @media でスマホサイズの画面に調整しました。 でも、その画面には反映されず、 普通のPC画面でブラウザを狭めた時には @mediaクリエ? が効いているようです。 職場ではPC画面のブラウザを狭めたもので、スマホ画面を作りました。 家に帰ってスマホで見てみると、 PC画面のブラウザを狭めた時とは違う画面での表示になってました。 (恐らく効いてない?) スマホ画面で @mediaクリエ?を効かせるにはどうしたらいいのでしょうか? HTML CSS
質問日時: 2020/11/01 19:56 質問者: rakiduta1
解決済
1
0
-
レスポンシブサイトで、右側に変な余白が出来る
首記の件、教えて頂きたく。 試したこと ・viewportの設定 <meta name=”viewport” content=”width=device-width,initial-scale=1.0″> ・CSSのwidth等のプロパティをすべて%指定にした。 ・CSSを一度すべてコメントアウトした。 ・warapperにoverflow: hidden:を追記した ・HTML要素の切り分け(唯一効果あり) 上記すべて行いましたが、右側に余白がでてしまいます。 PCの画面では余白は何の問題もなくありませんが、chromeの検証で確認すると余白が出てしまいます(ほぼすべてのサイズを試しましたが余白ができます) 唯一、効果があったのはHTML要素の切り分けでした。 HTMLを親要素から消していって切り分けていき、特定のタグを消したら余白がなくなりました。 ※設定済みのCSSはコメントアウトや削除はしていません 余白ができる原因はすべてCSSに原因があると思っていましたが、 HTMLが原因で余白ができることってありうるのでしょうか。 まだ断定できませんが、そうなるとHTMLの記述の仕方に問題があるという事になりますが、その場合、レスポンシブサイトを作るのはかなり難しいのではないのでしょうか。CSSならまだしも作成したものをやり直さなくてはいけなくなります。 教えて頂きたく何卒お願い致します。
質問日時: 2020/10/27 16:41 質問者: 零礼
ベストアンサー
2
1
-
ウィンドウ幅に合わせて画像のサイズを変化させる方法
HTML, CSSに関して質問です。 ウィンドウ幅に合わせて画像のサイズを変化させたい場合、HTMLにimgタグで画像を表示させ、CSSでサイズに関する指示を入れていく流れ、かと思います。 もし、CSSにbackground-imageで表示させる画像に関してはどのようにウィンドウ幅に合わせてサイズを変化させるのですか?
質問日時: 2020/10/25 23:00 質問者: aymaym
解決済
2
0
-
テーブルの任意の列を非表示にしたい
テーブルの任意の列を非表示にするためのHTMLの書き方を教えてください。 ネットで調べたところvisibility: collapseで実現できる事までは分かったのですが、 IEではうまくいくのですが、Chromeでは非表示になりません。 例えば次のコードでは2x2のテーブルの最初の列が非表示になるはずなのです。 <table><colgroup style="visibility: collapse"></colgroup> <tr><td>0</td><td>1</td></tr> <tr><td>2</td><td>3</td></tr> </table> IEではうまくいきました。ChromeやEdgeではうまくいかず全ての列が表示されたままになってしまいます。 IEはもう時代遅れのブラウザということで、ChromeやEdgeでうまくいく書き方を教えてほしいです。
質問日時: 2020/10/25 18:17 質問者: zyousuke
ベストアンサー
2
0
-
html動画の字幕について教えてください。今字幕が中央下段から(字幕が重なると)積み重なるように上に
html動画の字幕について教えてください。今字幕が中央下段から(字幕が重なると)積み重なるように上に表示されていきます。なんかカッコ悪いので左上、中央上、右上のように上一列で表示されるようにしたいのですがcssで出来ますか?
質問日時: 2020/10/24 00:06 質問者: ぽん太1号
ベストアンサー
2
0
-
HP作成の仕様書について
例えば、lancersなどで、依頼者が、HP作成の依頼を出したとき、仕様書は、どのようなものなのでしょうか。 例えば、widthは、何ピクセルなどの指定があったり、それともHP全体のデザインなども全て考えなくては、いけないのか。それともwordやパワーポイントで、作ったものを見ながら作成するのか、どのようなものがあるのでしょうか。
質問日時: 2020/10/22 04:34 質問者: finaltida108070809
解決済
2
1
-
コーディングの事で質問です。 このメニューの所をもう少しだけ左に寄せたいのですが、どうやればいいので
コーディングの事で質問です。 このメニューの所をもう少しだけ左に寄せたいのですが、どうやればいいのでしょうか?汗 display:flexをかけて、textalignをかけるのかな?と思いましたが、違いました。
質問日時: 2020/10/21 22:11 質問者: corvette___
解決済
1
0
-
【HTML&CSS】フッター下部の余白を無くす方法 スマホ版
首記の件、下記ソースコードを参考に作成することができました。 URL; https://qiita.com/kents1002/items/0fbd3bb2b30b57f382a2 <html> <body> <div class="wrapper"> <header>ヘッダー</header> <div class="inner">中身</div> <footer>フッター</footer> </div> </body> </html> html,body{ height:100%; } .wrapper{ width: 100%; position: relative; min-height: 100%; } .inner{ padding-bottom:200px; /*フッターの高さと同じにする*/ } footer{ height:200px; position:absolute; bottom:0; } PCだと何の問題もなくできたのですが、メディアクエリでスマホ版も同様に行ったのですがフッターの下に余白が出来てしまいます。 スマホ版でフッターの下に余白をできないようにするにはどうすればいいか教えて頂きたくお願い致します。
質問日時: 2020/10/20 10:36 質問者: 零礼
ベストアンサー
1
0
-
スマホ版Webサイト twitterの埋め込み スクロールバーが表示されない
質問タイトルの通り、メディアクエリでスマホ版Webサイトを作成しているのですが、スマホ版だとTwitter埋め込みのスクロールバーが表示されません。 PC版だとTwitter埋め込みのすぐ右にスクロールバーが表示されるのに何故でしょうか。 教えて頂きたくお願い致します。
質問日時: 2020/10/15 15:47 質問者: 零礼
解決済
3
0
-
cssで、チェックボックスの画像と隣のテキストがずれてしまう
いつもお世話になっております。 表題の件でどうしても解決できず質問しました。 チェックボックスの画像を挿入し、その並びでテキストを記入したのですが、 その二つがずれてしまって、ガタガタしてしまいます。 解決方法をご存知つの方アドバイスいただければと思います。 htmlは下記の通りです。 html <p><img src="images/チェックボックス.jpg" alt="チェックボックス"> テキストテキストテキストテキストテキストテキスト</p> よろしくお願いいたします。
質問日時: 2020/10/14 14:02 質問者: ハコ2222
ベストアンサー
2
0
-
メディアクエリ スマホ対応のサイズ幅がわからない
スマホ対応向けにメディアクエリを作成してるのですが、スマホ対応のサイズ幅がわかりません。 例えば、下記URLだと、 https://seolaboratory.jp/89410/ デバイス 「横」の画面幅 「縦」の画面幅 iPad Pro(12.9) 1366px 1024px iPad Pro(11) 1194px 834px iPad Pro(10.5) 1112px 834px iPad 1024px 768px iPhone XS Max/XR/11/11 Pro Max 896px 414px iPhone XS/X/11 Pro 812px 375px iPhone 8/7/6s/6 Plus 736px 414px iPhone 8/7/6s/6 667px 375px iPhone 5s/5/SE 568px 320px iPhone 4(以下) 480px 320px 試しにiphone6,6s,7,8のサイズに対応させようとメディアクエリのサイズを667pxにしましたが、メディアクエリが反応しませんでした。 HTML: <head> <meta name=”viewport” content=”width=device-width,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0″> </head> <body> <div class="head_top> </body> CSS: .head_top { background-color:pink; } @media screen and (max-width: 667px) { .head_top { background-color: green; } } ですが、max-width: 980pxにしたら色が緑になって対応しました。 サイズ幅を大きくしたことにより、PCサイズ幅まで範囲が及んで緑になっていると思い、PCサイズにて確認したら、色はピンクになっておりちゃんとサイズごとに色分けされたメディアクエリが対応していました。 気になるのは上記の内容のように、実際のmax:widthはどの数値が正しいのかわかりません。 今回もiphone6,7,8は667pxと書かれているのに,実際は980pxでした。 もし、算出の方法がありましたら教えて頂けます様お願い致します。
質問日時: 2020/10/13 15:54 質問者: 零礼
ベストアンサー
2
0
-
html、cssについての質問です。 htmlでtype="text"のformを入力したらtext
html、cssについての質問です。 htmlでtype="text"のformを入力したらtextの外枠が消えました。何が原因でしょうか??
質問日時: 2020/10/12 14:44 質問者: じろーgjm
解決済
2
0
-
HTMLのチェックボックス+コピーについて
HTMLでチェックボックスを作り、コピーボタンを押すと「Value値」と「予め設定した文言」と合わせてクリップボードにコピーされるようにしたいのですが、資料を見ながら色々と試しても上手くできません。 お力を貸していただけないでしょうか。 質問1:好きな色の種類 □赤色 □青色 □黄色 □緑色 [コピーボタン] ↓ ・好きな色の種類:赤色、青色 ------------------------------ 質問2:好きな動物 □いぬ □ねこ □うさぎ □ライオン [コピーボタン] ↓ ・好きな動物:いぬ、うさぎ 上記のように、回答にチェックを入れてコピーボタンを押すことで 予め設定した文言と一緒にクリップボードへコピーされるようにしたいです。 ※1ページに複数の質問を載せる予定 よろしくお願いいたします。
質問日時: 2020/10/12 02:12 質問者: つぼゆさ
ベストアンサー
1
0
-
固定ヘッダーがある時のページ内アンカーリンクの方法
色々調べたのですが、テーブルでのアンカーリンクだとうまくいきません。 ●ヘッダーのスタイルは #site-header { background: #fff; display: flex; position: fixed; width: 900px; height:100px; z-index: 100; /* 重なり順を一番上にする為に100*/ } ●HTML ※簡単に書きます。 <div id="site-header"> ヘッダーの内容 </div> <div style="padding-top:100px;height:auto !important;"> <table style="margin-top:30px;"> <tr> <td><a name="001">コード:001</a></td> </tr> <tr> <td><a name="001">コード:002</a></td> </tr> … 最大100データ <tr> <td><a name="100">コード:100</a></td> </tr> </table> </div> 上記は編集ボタンのリンクも省略しています。 別ページで編集を完了したら、 http:hoge.html#050 のようにして アンカーリンクでコード「050」を一番上に編集したセルを表示させたいのですが 固定枠のヘッダーがあり、ずれてしまいます。 テーブル以外のは、ネットで調べると出てきますが テーブルだと、ネットで調整する方法のmarginもpaddingも うまく行きません。 テーブルの場合、どうしたら良いのでしょうか。 CSSで簡単にできればいいのですが、できないのであれば、他の方法でも構いません。 よろしくお願いいたします。
質問日時: 2020/10/08 04:36 質問者: mintohime
ベストアンサー
1
0
-
タブの膨らみの調整についてcss
Webサイトを作っています タブでメニューを選んでコンテンツを表示するというものなんですが、タブの膨らみに合わせてフッターが下がってくれません 必ずコンテンツと重なります メニュー毎に幅も違うので幅指定もできません 100%や100vhなども試しましたがダメでした どうすればタブの下にフッターを置けるのでしょうか?誰か教えてください よろしくお願いします
質問日時: 2020/10/04 22:41 質問者: 匿さま
解決済
1
0
-
【html】)パスワード認証フォーム(htmlでバレてもOK)
パスワード認証フォームをつくりたいです。(htmlを見てバレてもいいです) イメージとしては… ──────────────────────────── ┌──────────────────────┐ │パスワードを入力してください(placeholder) │[送信] └──────────────────────┘ パスワードが違います(赤文字) ←間違ったときに表示 ──────────────────────────── そして正しいパスワードを入力するとサイトへリンク リンク先のURLはパスワードと同じではありません。 まだまだ初心者でうまく説明できない部分も多くありますがよろしくお願いします。
質問日時: 2020/10/02 14:53 質問者: パソコンHTML初心者
ベストアンサー
2
0
-
未経験からWeb制作会社に入るためのポートフォリオのレベル
Web制作会社にWebデザイナーとして入社する際に必要なポートフォリオのレベルについて Web制作会社にWebデザイナーとして未経験で入社するにあたり、ポートフォリオを作成したいと考えているのですが、具体的にどのレベルまで仕上げ、どのツール、コーディングで作るのがベストなのでしょうか? ちなみに東京都内での就職を希望しております。 コーディング(HTML.CSS) デザインツール(Photoshop) この二つを使ってポートフォリオを作成しようかと考えているのですが少し物足りないでしょうか? ちなみに私の経歴ですが 専門学校を1年未満で中退 1社目の会社を8ヶ月で退社 空白期間1年 現在21歳男です。 経歴がヅダボロなので、年齢と作品で未経験からWebデザイナー職に挑戦したいと考えてます。 他にもコーディングならjQuery、JavaScript、Bootstrap ツールはIllustrator 他だとWordPress、PHP、UI UXの勉強なんかもしておくと良いといった情報も見受けられます。 フロントエンド言語で、小さなウェブサイトを作成した経験があるので HTML.CSS.JavaScript.jQueryをポートフォリオに組み込んでいく、それを使ってウェブサイトを作るイメージはつくのですが、 Photoshop、Illustrator、WordPress、PHP、それ以外Webデザイナーに必要なツールなどが、どうポートフォリオに反映されていくのか、ウェブサイト作成の肝になるのかイメージがつきません。 最低限これだけはポートフォリオ作成で使うべき、組み込むべきといったツールなど教えていただけませんでしょうか? 質問とは無関係の回答、前提自体を否定(Webデザイナー自体おすすめしない等)する意見はご控えいただきたい所存です。 よろしくお願いします。
質問日時: 2020/09/28 21:35 質問者: イケヒロん
ベストアンサー
1
0
-
navの横並びにsnsアイコンを付けたい
いつもお世話になっております。表題の件よろしくお願いいたします。 navをdisplay: flex で横並びにし、さらにその最後尾にSNSのアイコンを並べたいです。 nav の内容をjustify-content: flex-end;で右寄せにしたいのですが、アイコンの画像を足したらうまくいきません。どのようなcssの記述に知れば良いでしょうか? html <nav> <ul> <li>お知らせ</li> <li>料金プラン</li> <li>導入マシン</li> </ul> <div class="sns"> <a href="https://www.instagram.com/jibun_sagashi/" target="_blank"><img src="images/Instagram_icon-icons.com_66804.svg" width="10%" alt="インスタロコ"></a> <a href="https://www.facebook.com/%E3%83%AC%E3%83%B3%E3%82%BF%E3%83%AB%E3%82%A8%E3%82%B9%E3%83%86%E3%83%9C%E3%83%83%E3%82%AF%E3%82%B9-%E8%87%AA%E5%88%86%E6%8E%A2%E3%81%97%E3%81%AE%E6%A3%AE-109160303884118/" target="_blank"><img src="images/facebook_icon-icons.com_59205.svg" width="10%" alt="フェイスブックロコ"></a> </div> </nav> ---------------------------- css nav{ display: flex; justify-content: flex-end; } nav ul { display: flex; justify-content: flex-end; padding-right: 20px; } nav li { list-style: none; padding-left: 20px; } ----------------------------- このような記載をしています。 記載方法が悪ければ修正いたします。 よろしくお願いいたします。
質問日時: 2020/09/25 06:52 質問者: ハコ2222
解決済
3
0
-
HTML・Javascriptのサイト作りで質問です。
プルダウンやセレクトボックスなどを使って複数の情報から1つまたは、複数の答えを出したいのですがどのような感じに打ち込めばいいのでしょうか? 例上げるならばカードゲームなどで、 レベルは「5」で、属性は「闇」で、種族は「機械族」、収録パックは「第1弾」 みたいな検索で特定ができるようにしたいのです。 誰かわかる方がいらっしゃいましたらどうか教えて下さい。 語彙力がなさ過ぎて申し訳ないです。
質問日時: 2020/09/20 15:15 質問者: 鬼神ver.2.01
ベストアンサー
2
0
-
ベストアンサー
2
0
-
WEB上在庫管理システムをするために必要な知識
WEB上で在庫管理システムを作成するには、どのような知識が必要か教えてください。 IT初心者で分からないですが、HTMLとCSSでWEBの骨組みを作った後、どうすれば在庫管理が出来るか全くわからず。。。 EXCELだと外だと利用できないため、どこでも利用できるようにできればブラウザ上からは入れるといいです。 下記のようなものを想定しております; ①仕入れた商材を在庫システムに登録する画面 ②登録した商材の内容・在庫数を表示する画面 ③他ユーザーが登録された商材を抑えてる画面 (③のよって②の在庫数が変動する) 宜しくお願い致します!
質問日時: 2020/09/12 22:44 質問者: 勉強中33533
ベストアンサー
4
0
-
HTMLの送信ボタン、メール送信方法について
首記の件、ご教示願います。 HTML,CSSでお問合わせフォームを作ったのですが、そのフォームで入力したものを送信ボタンでクリック後、特定のメールアドレスに送る方法がわかりません。 例えば入力フォームを入力して送信ボタンを押したら『xxxxxxxxxx@gmail.com』宛に入力内容を送りたい。 宜しくお願い致します。 ソースコード: <h3 class="information-ver vcolor slide">お問合せフォーム</h3> <form action="test.html" method="POST"> <div class="question-form"> <div class="areas"> <div class="columns">会社名・団体名</div> <div class="rows"><input type="text" name="sample" class="input-text"><br>(例:**株式会社、**大学**学部**学科)</div> </div> <div class="areas"> <div class="columns">氏名(漢字)<span class="red">(必須)</span></div> <div class="rows"><input type="text" name="sample" class="input-text"><br>例:r令和太郎)</div> </div> <div class="areas"> <div class="columns">氏名(フリガナ)<span class="red">(必須)</span></div> <div class="rows"><input type="text" name="sample" class="input-text"><br>(例:レイワタロウ))</div> </div> <div class="areas"> <div class="columns">メールアドレス<span class="red">(必須)</span></div> <div class="rows"><input type="text" name="sample" class="input-text"><br>(例:XXXXX@zyz.jp)<br><span class="red">半角</span>でお願いします。</div> </div> <div class="areas"> <div class="columns">メールアドレス(確認)<span class="red">(必須)</span></div> <div class="rows"><input type="text" name="sample" class="input-text"><br>(例:XXXXX@zyz.jp)<br><span class="red">半角</span>でお願いします.</div> </div> <div class="areas"> <div class="columns">郵便番号</div> <div class="rows"><input type="text" name="sample" class="input-text"><br>(例:例:123-4567)<br><span class="red">半角</span>でお願いします。</div> </div> <div class="areas"> <div class="columns">住所</div> <div class="rows"><input type="text" name="sample" class="input-text"></div> </div> <div class="areas"> <div class="columns">TEL</div> <div class="rows"><input type="text" name="sample" class="input-text"><br>(例:例:03-1234-5678)<br><span class="red">半角</span>でお願いします。</div> </div> <div class="areas"> <div class="columns">FAX</div> <div class="rows"><input type="text" name="sample" class="input-text"><br>(例:例:03-1234-5678<br><span class="red">半角</span>でお願いします。</div> </div> <div class="areas"> <div class="columns">お問合せ内容、お見積りはこちらへどうぞ<span class="red">(必須)</span></div> <div class="rows"><textarea name="textarea" rows="10" cols="40" class="input-text"></textarea><br>(例:例:03-1234-5678)<br><span class="red">半角</span>でお願いします。</div> </div> <div class="columns-submit">内容をご確認の上、よろしければ下記ボタンをクリックして下さい。</div> <div class="rows-submit"><input type="submit" href="01100110ro@gmail.com" name="sample" value="送信"></div> <div class="submit-text">(上記ボタンを押した後、次の画面がでるまで、4~5秒かかりますので、続けて2回押さないようにお願いいたします。)</div> </div> </form>
質問日時: 2020/09/12 21:56 質問者: 零礼
解決済
2
1
-
HP更新の仕事をしています。 クライアントに、定期的にhtmlファイルのタイムスタンプの更新をお願い
HP更新の仕事をしています。 クライアントに、定期的にhtmlファイルのタイムスタンプの更新をお願いされました。 タイムスタンプ更新ソフトを使うつもりですが、1度webファイルを全てローカルに落とし、htmlファイルだけタイムスタンプ更新をし戻す作業が、大変手間がかかります。 まるごと出来れば良いのですが、階下層の中にもhtmlファイルはあり、探して更新し、アップしなければなりません。 何かやりやすい方法は無いでしょうか? htmlファイルだけでもいろんな階下に合わせて100近くあり、間違えたらと思うと怖いのです。 また、更新が必要な理由も、分かれば教えて頂きたいです。
質問日時: 2020/09/09 18:36 質問者: sorasora2010
ベストアンサー
2
1
-
コーディング中、右側に謎の余白が出現します
いつもお世話になっております。 表題の件です。コーディングを順調に進めていましたが、途中で右側に謎の余白ができました。 cssで、position: absolute;を指定したら余白ができます。 cssでbackground-imageで画像を挿入し、画像の上にテキストを書いています。 そのテキストを表示されるためにposition: absolute;を指定したところです。 この指定がないと、テキストが画像の下に行ってしまいます。 前にも同じような質問をさせていただきましたが、その時もposition: absoluteが入っていました。 position: absoluteをいれるとどうして余白ができてしまうのでしょうか? また、ネットで対策を色々と講じましたが解決できませんでした。 どうぞよろしくお願いいたします。
質問日時: 2020/09/09 13:52 質問者: ハコ2222
ベストアンサー
4
1
-
サイトで、回り込みで文字を記載したいです。
<a href="https://px.a8.net/svt/ejp?a8mat=3BM3ZZ+B2B20Y+2QDO+NX735" rel="nofollow"> <img border="0" width="250" height="250" alt="" src="https://www27.a8.net/svt/bgt?aid=200905919669&wid=003&eno=01&mid=s00000012750004018000&mc=1"></a> <img border="0" width="1" height="1" src="https://www18.a8.net/0.gif?a8mat=3BM3ZZ+B2B20Y+2QDO+NX735" alt=""> ↑は、広告のコードなのですが、カンタンな説明を画像の右側に記載したいのです。 <div class="box"> <div class="box-img"> <a href="https://px.a8.net/svt/ejp?a8mat=3BM3ZZ+B2B20Y+2QDO+NX735" rel="nofollow"> <img border="0" width="250" height="250" alt="" src="https://www27.a8.net/svt/bgt?aid=200905919669&wid=003&eno=01&mid=s00000012750004018000&mc=1"></a> <img border="0" width="1" height="1" src="https://www18.a8.net/0.gif?a8mat=3BM3ZZ+B2B20Y+2QDO+NX735" alt=""> <div class="box-text"> テキスト<br> テキスト<br> テキスト<br> </div> </div> ↑のように記載してみたのですが、文字が画像の下に記載されます。 お手数ですが、どのように記載するのか、ご教示していただけないでしょうか?
質問日時: 2020/09/08 11:16 質問者: naonaokeikei
ベストアンサー
2
0
-
HTMLとCSSに関して。ドロップダウンメニューの作り方を教えてください。
SoftBankGroupのウェブサイト(https://group.softbank/)のようなメニュバー(サイト左側の)を作りたいのですが、作り方が調べてもあまり分かりません。 作り方がわかる方が居たら教えてくれると幸いです。よろしくお願いします。
質問日時: 2020/09/07 14:34 質問者: D2400
ベストアンサー
2
1
-
現在のホームページのトレンドはレスポンシブデザインorグリッド?他にありますか?
こんにちは、5年ほどWEB制作から遠のいているのですが、もう一度WEB制作を始めようとしているのですが、私が知っている技術はレスポンシブデザインがスタンダードでスマホにも対応できると思っているのですが、今でもデファクトスタンダードなのでしょうか?あとはJQUERYを使用したりしていました。 教えて下さい。 よろしくお願いいたします。
質問日時: 2020/09/05 15:54 質問者: ycqxs765
ベストアンサー
1
0
-
CSSのセレクタの記述方法について
下記HTMLがあるとします。 <ul> <li><a class="test" href="index.html">テスト</a></li> </ul> これにCSSを記述すると .test { color: blue; } テストと書いた文字が青くなります。 疑問に思うのは、CSSで上記の方法と 下記の方法ではどちらも結果が同じになると思うのですが、 どちらが正しい記述方法とかあるのでしょうか。 ul li .test { color: blue; } 宜しくお願いします。
質問日時: 2020/09/02 18:31 質問者: 零礼
ベストアンサー
1
0
-
スマホサイトの構築 expression web4
スマホサイトを作りたいです。 expression web 4 を使っています pc用のページは散々作ったのでわかりますが、 スマホ用のページも要は同様に作れるんですかね? 新規作成で項目見たらスマホ用ページと言う項目が見当たりませんが 他のフリーソフトのおすすめあれば教えて下さい。 よろしくお願いします。
質問日時: 2020/08/31 08:43 質問者: takeyabeer
ベストアンサー
1
0
-
HTML表テーブルに文字を書き込みたい。
あるサイト内にある表テキストなのですが、見出しや2.3行目に書き込む文字をどこに入れたら良いのか分かりません。どなたか御教示頂けないでしょうか? <div style="margin:0px;padding:0px;" align="center"><table width="98%" style="border-collapse: collapse;border:1px solid #000000;background-color:#FFFFFF;color:#000000;text-align:left;"><tbody><tr><th style="border:1px solid #000000;background-color:#808080;color:#FFFFFF;text-align:center;"> </th><th style="border:1px solid #000000;background-color:#808080;color:#FFFFFF;text-align:center;"> </th><th style="border:1px solid #000000;background-color:#808080;color:#FFFFFF;text-align:center;"> </th></tr><tr><td style="border:1px solid #000000;text-align:center;"> </td><td style="border:1px solid #000000;text-align:center;"> </td><td style="border:1px solid #000000;text-align:center;"> </td></tr><tr><td style="border:1px solid #000000;text-align:center;"> </td><td style="border:1px solid #000000;text-align:center;"> </td><td style="border:1px solid #000000;text-align:center;"> </td></tr><tr><td style="border:1px solid #000000;text-align:center;"> </td><td style="border:1px solid #000000;text-align:center;"> </td><td style="border:1px solid #000000;text-align:center;"> </td></tr></tbody></table></div>
質問日時: 2020/08/29 08:46 質問者: chibi-babuu
ベストアンサー
2
0
-
サイトのセキュリティ上げたけどウェブに表示されない
こんにちはよろしくお願いします。 サイト全体をhtts対応にしました。ずっと前に。 でも検索結果ではsついてないものばかりが表示され、s付けたのに 全然反映されません^o^; どうしたら反映されるのでしょうか? sついてないサイトは削除する? その場合なにかデメリットはありますか やり方もわかりませんが。 よろしくお願いします。
質問日時: 2020/08/28 09:39 質問者: takeyabeer
解決済
2
0
-
Ameba Ownd 電話番号へのリンクの貼り方
Ameba Owndでホームページの作成をしているのですが、 「お問い合わせはこちらをクリック」をタップするだけで電話を掛けたりメールを送ったり出来る HTMLコードの書き方をどなたか御教示頂けないでしょうか? ちなみに、こちらのコードではリンク出来ませんでした。 <a href=”tel:090-5322-XXXX″ target=”_blank”>お電話でのお問い合わせはこちらをクリック!</a>
質問日時: 2020/08/23 14:11 質問者: makabeti
解決済
1
0
-
省略の点々
省略の点々には三点リーダーを用いるとこちらに書いてあります。 https://ja.wikipedia.org/wiki/%E7%9C%81%E7%95%A5%E8%A8%98%E5%8F%B7 上記のページでは、三点リーダー(つまり、点3つ)は文字の上下幅の丁度中央(丁度中間)に表示されています。 しかし、htmlで三点リーダーを入力すると、確かに点が3つ表示されるのですが、文字の上下幅の下端に表示されます。つまり、「...」のように表示されます。 文字の上下幅の丁度中央(丁度中間)表示されるようにするにはどうすればいいでしょうか。
質問日時: 2020/08/21 20:22 質問者: miho1994
ベストアンサー
4
0
-
グリッドレイアウトで"auto-fit"が効きません
説明では grid-template-columns:repeat(auto-fit, minmax(100px, 1fr)); のように記述するといくら画面を横方向に伸ばしても隙間なく埋められるようなのですが、 添付画像のようにある程度伸びると止まってしまいスペースができてしまいます。 chromeとedgeの両方を試しても同様です。 自分では以下のURLの画像のようにどこまで横方向に拡大しても隙間なくボックスができると思っていました。 http://up-img.net/img.php?mode=jpg&id=7477 記述が間違っているのでしょうか? auto-fitについての考え方が間違っているのでしょうか? auto-fitを使うと、親要素で余ったスペースは崩されて幅が0pxとみなされます。そのため1frの幅を持つグリッドアイテムで余ったスペースが埋められるんですね。 https://www.webprofessional.jp/difference-between-auto-fill-and-aut... (HTML) <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>グリッドレイアウト</title> <link rel="stylesheet" href="css/grid.css"> </head> <body> <div class="container"> <div class="box1">1</div> <div class="box2">2</div> <div class="box3">3</div> <div class="box4">4</div> <div class="box5">5</div> <div class="box6">6</div> </div> </body> </html> -------------------- (CSS) @charset "UTF-8"; body{ margin:0; } .container{ display:grid; grid-template-columns:repeat(auto-fit, minmax(100px, 1fr)); grid-template-rows:100px 100px; } .box1{ background:hsl(0, 60%, 60%); } .box2{ background:hsl(60, 60%, 60%); } .box3{ background:hsl(120, 60%, 60%); } .box4{ background:hsl(180, 60%, 60%); } .box5{ background:hsl(240, 60%, 60%); } .box6{ background:hsl(300, 60%, 60%); } 補足 repeat(auto-fit | auto-fill, minmax()) https://web.hazu.jp/grid-layout-02/ auto-fit では、各トラックは最小幅以上で、常に右側に空白ができないように伸縮します。 --- とありますが添付画像のように右側に余白ができてしまってる状態です。
質問日時: 2020/08/11 15:27 質問者: boulevard5
ベストアンサー
1
0
-
bootstrap4 の pagination を使って input して get する方法
bootstrap4 の pagination を使ってます。 検索パラメータを保持したまま次のページを表示するため、form内のパラメータをinputしてgetしたいです。 どうしたらいでしょうか?
質問日時: 2020/08/09 03:39 質問者: simarisu0812
解決済
1
0
-
flexboxで"flex-grow"と"flex-shrink"が混在している状態
添付画像がどのような状態なのか理解できません。 flex-growはflexコンテナが大きく余白があった場合、複数のflexアイテムをどの割合で伸ばして余白を埋めるか?と言うように理解しています。 flex-shrinkはコンテナが大きくアイテムがコンテナに収まらない場合、各々のflexアイテムをどのくらいの割合で縮めるか? というように理解しています。 ここに出てくるflex-basisはコンテナ内のアイテムの基本的は幅だと解釈しています。 添付画像のCSS".box1"に”flex-grow:1;”が設定されていますがこれだけなら意味がわかります。box2やbox3は幅を変えずにbox1のみ幅を伸ばして余白を埋めたと考えられます。 が、ここに何のために ”flex-shrink:1;”が設定されているのかわかりません。 幅を伸ばしているのに、何のために"flex-shrink:1;"をつけて縮めようとしているのでしょうか? flexプロパティの基本的な部分かと思いますが自分には理解できません。 分かる方いらっしゃいましたら初心者にわかるように教えてください。 よろしくお願いいたします。
質問日時: 2020/08/08 13:29 質問者: boulevard5
ベストアンサー
1
0
-
NAVERまとめをダウンローダーで読み込んだのですが、記事の2ページ目からはpage=2となるはずな
NAVERまとめをダウンローダーで読み込んだのですが、記事の2ページ目からはpage=2となるはずなのにpage=1#となり、読み込んでくれません。どうしたら読み込めますか…?
質問日時: 2020/08/07 20:40 質問者: つばめ3434
解決済
3
1
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
【HTML・CSS】に関するコラム/記事
-
風水の観点で選ぶ観葉植物とは?置き場所や上げたい運気ごとの注意点を紹介!
飾ると部屋の雰囲気がぱっと明るくなる観葉植物。新年度を迎えたこの時期、気持ちも新たにインテリアに取り入れたいと思う人もいるだろう。せっかく飾るなら、運気もアップできれば一石二鳥だ。「教えて!goo」 にも...
-
メダロット:第239話「Vol.239※期間限定公開」
天才メダロッター六葉カガミの戦いを描く「メダロット再~リローデッド~」(漫画:伯林、監修:イマジニア)、20周年を迎えた『メダロット』が新たなストリーでココに再起動!!★全話無料で読める、週刊メダロット通信...
-
フキノトウ、ワラビ、タラノメなどの「山菜」を若い人は知らない?食べたことない?
春の訪れと共に、八百屋やスーパーには様々な種類の野菜が並ぶ。春野菜といって思い浮かぶのは、「春キャベツ」や「春タマネギ」という人が多いだろう。一方で、「フキノトウ」「ワラビ」「タラノメ」など、かつて春...
-
摘発相次ぐ「モペット」法律的な問題点を弁護士に聞いてみた
電動モーターを搭載し、走行可能な二輪車である「モペット」に関する交通違反が増加しているため、警視庁は10日、東京の渋谷で取り締まりを行った。警視庁によると、昨年、東京都内で「モペット」と呼ばれる電動モー...
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Webページのリンクの貼り方を教えて...
-
Duolingo のソースコードの名前、教...
-
CSSでつくったメニューのアニメーシ...
-
、URL化させるにはどうしたらいいで...
-
htmlの文字が縦書きになる
-
HTMLとCSSを初心者ながらProgateと...
-
goo は、放置?
-
静止画画像をクリックすると音楽が...
-
コードを書いて下さい( ; ; )写真...
-
HTMLですCSSです この画像のように ...
-
初心者html・CSS ウィンドウを縮小...
-
HTML に © は、© を使わず、そ...
-
ホームページをちょっと加工する程...
-
HTML入門でもう躓いてしまった。
-
AWSのhtml
-
HTML 訪問カウンターを自作したい
-
1つの「ホームページビルダー22」...
-
テーブルのセルデータを自動改行さ...
-
テーブルの行を折りたたみたいので...
-
かっこいいウェブを作るテク
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
テーブルの行を折りたたみたいので...
-
htmlで<form>~</form>を並べて記述...
-
WEBページを強制的に横画面で見るよ...
-
コードを書いて下さい( ; ; )写真...
-
css初心者 フレックスボックスの適...
-
テーブルのセルデータを自動改行さ...
-
CSSデータの作成方法について(FTP内)
-
HTMLで画像をポップアップで表示す...
-
メモ帳の段落の揃え方
-
スマホ(android)のタッチパネル、...
-
HTMLで特定の文字だけ色を変えたい...
-
プログラミングの勉強が進みません
-
スマホでHTMLファイルを開いてリン...
-
テーブルタグのセルの幅の一部だけ...
-
CSSでつくったメニューのアニメーシ...
-
大至急。webのシングルページを作ろ...
-
角丸画像の背景色を透明にしたいです
-
HTML入門でもう躓いてしまった。
-
HTMLの CSSのファイルというのは、 ...
おすすめ情報