回答数
気になる
-
【CSS】ライブドアブログのスマホのCSSカスタマイズについて
http://yossharamaru.blog.jp/archives/9170386.html こちらの記事を見てやってみたのですが、いくつかのcssが反映されません。 長いので画像で申し訳ないのですが、どこがダメなのか教えてください。 (青く選択してる部分は画面スクロールで重複してる部分です。) 反映できてるのは「目次」「補足」のコメントアウトがある部分です。 目次は検索したフリー配布のサイトからコピーしてきました。補足は文字を薄く小さくしてるだけです。 反映できてない「記事本文」のコメントアウトがある見出し部分は、どれも反映されてません。 「画像」のコメントアウトがある部分も反映されず、ライブドアブログはHTMLで何px何%で設定しても画面いっぱいになってしまうみたいなのですが、このcssを入れてもそうなってしまいます。 ご教授ください。
質問日時: 2019/02/01 14:24 質問者: gjmayu
解決済
1
0
-
HTMLで簡単なアニメーションを作成したい。
皆様のお知恵を拝借いたしたく、ここに質問させていただきます。 HTMLを使って簡単なアニメーションを作成したいです。 具体的には、 横に倒した円柱を上下させるだけのものですが、 この上下させる動作を指示するファイル(XY座標の数字)から読み取り、その指示どおりに円柱が動くものを作成したいです。できればその円柱を3次元で表現したいです。 以前にhtmlとcanvasで絵描きができるhomepageを作成したことがあります。 この応用と考えて降りましたが、ネットなどで調べてもcanvasでできるのかとの疑問がありました。 そこで質問ですが、 (1) HTMLで上記のようなことは可能でしょうか? (2) もしcanvas以外のもので簡単に作成できるようであれば、そのプログラムの名前を知りたい。 (3) 可能であれば、上記の様なものに近いプログラムをみたことがある、参考にできそうなサイトをご紹介いただければ幸いです。 いろいろご注文をしておりますが、何卒よろしくお願いします。
質問日時: 2019/02/01 13:21 質問者: nago2017
ベストアンサー
2
1
-
ポートフォリオサイトをHTMLで作っているときはGoogleクロムで上手く画像などが表示されていたん
ポートフォリオサイトをHTMLで作っているときはGoogleクロムで上手く画像などが表示されていたんですが、いざネットで見てみるとこのようにハテナ表示になって画像などが表示されていないのですがこれはどうしてでしょうか。。 わかる方いたら教えてください
質問日時: 2019/01/29 16:21 質問者: るりぼー
解決済
2
0
-
videoタグで指定したMP4ファイルがiphoneXで再生されない Androidでは再生される
こんにちは、ホームページを作っておりまして、videoタグで指定したmp4,webm,2種類の動画がiphoneでは再生されません。Andoroidとパソコンでは再生されます。 なにか原因がわかりましたら教えていただきたいです。よろしくお願い致します。 <div class="mr_5"> <video width="600" controls="controls" autoplay="autoplay"> <source src="GlanzCM.mp4" /> <source src="GlanzCM.webm" /> </video> </div>
質問日時: 2019/01/29 14:04 質問者: ycqxs765
ベストアンサー
1
0
-
学校でポートフォリオサイトをつくるという課題なんですがHTMLとかcssに詳しい人お願いします助けて
学校でポートフォリオサイトをつくるという課題なんですがHTMLとかcssに詳しい人お願いします助けてください リンク付きの画像をこのように横並びに配置したくていろいろ調べたんですがfloat やdisplay frexをつかっても綺麗に配置できません。位置を指定しようとしてtopやleftを使ってみたんですが赤文字で間違えているとのサインが出てどうやってやったらいいか全くわからないです HTMLの書き方とか例で教えて欲しいです。 お願いします(´・・`)
質問日時: 2019/01/27 21:06 質問者: るりぼー
解決済
2
0
-
アップロードできるファイルサイズの上限が5MB以上のレンタルサーバーってありますか?
ティラノビルダーでブラウザゲームを作り、それをHTMLのサイトで公開したいと思っていたのですが、多くの無料レンタルサーバーは一度にアップロードできるファイルサイズの上限が3MBまでで困っています。ブラウザゲームのキャラクターのGIFのファイルが1つで5MBくらいあるので分割でアップするということもできないんです。 5MB以上のファイルをアップできる無料レンタルサーバーってありますかね? 有料でもいいのですが公開するのがほんの数日の間で、その公開が終わったらブラウザゲームもHTMLのサイトも必要ないので処分する予定なのです。なのであまり有料のものは気乗りしません。月額で安いものがあればいいのですが… HTML初心者の機械音痴なので勘違いしたところや伝わりにくいところがあるかもしれません。どうかよろしくお願いします。
質問日時: 2019/01/27 11:25 質問者: sotu19
解決済
2
0
-
ホームページを作っているのですが、PCサイトとスマホサイトを自動切り替えする方法が分かりません。
ホームページ作りを始めたばかりの初心者です。 ホームページ作りはホームページビルダークラシックで、白紙から作っています。htmlで作っていて、そのhtmlも基本しか分かっていません。 PCサイト用のページとスマホサイト用のページを作ったのですが、PCから閲覧したときはPC用のページが、スマホから閲覧したときはスマホ用のページが表示されるようにするには、どうすればいいのでしょうか? 初心者でもできるでしょうか?初心者でも可能であるならば、出来るだけ簡単にかみ砕いて教えていただけると、大変助かります。方法を検索しても分かりませんでした。
質問日時: 2019/01/13 11:22 質問者: 佐和いつき
ベストアンサー
4
0
-
webページ作っているのですが、macとWindowsで見たときに画像サイズが異なってしまいます。
webページ作っているのですが、macとWindowsで見たときに画像サイズが異なってしまいます。 極力osやブラウザが違っても、画像の大きさが変わらないようにする方法はありますか?
質問日時: 2019/01/12 01:49 質問者: ひろひろ516
解決済
1
0
-
HTML5
HTML5で新しく追加されたタグを使う必要性がよく分からないので教えてください。 例えば下記のURLに記載されているようなfigureタグを使用しなくても画像を表示することは可能だと思うのですが、どうしてわざわざfigureタグで囲うのでしょうか?囲うとなにかいいことがあるのでしょうか? http://www.htmq.com/html5/figure.shtml 同じ様な疑問はsectionタグ、mainタグ、navタグ、asideタグ等にも感じています。どれもdivタグで代用できる様な気がするのですが、なぜわざわざ使い分けられているのでしょうか? ソースを見たときに各コンテンツの役割が分類されていて分かりやすいかなとは思うのですが、メリットはそれだけなのでしょうか?HTML5にお詳しい方ご回答の程よろしくお願い致します。
質問日時: 2019/01/11 12:08 質問者: guitarkids10900
解決済
3
0
-
混合時間の計算式
タンクに元の燃料high sulpuhr=3.5%が一杯にあります。そこに Low sulhur=0.080 %の燃料を混合させます。タンク容積=2.0 tonです。燃料消費量=1.3 ton/hrsで消費しながらlow sulhur =0.08% を連続して混合している事になります。タンク内重量は一定(2 ton)です そこで、混合Sulhur が 0.100%になるまでの (1)質問 low sulhur 0.080%の消費量 (2)質問 0.100%になるまでの時間 以上宜しくご教示下さいますようお願い申し上げます。 添付します。
質問日時: 2019/01/08 20:28 質問者: akiracha
ベストアンサー
1
0
-
スタイルシートの記載エラーについて。 このエラーはなんていう意味のエラーでしょうか? エラーの意味が
スタイルシートの記載エラーについて。 このエラーはなんていう意味のエラーでしょうか? エラーの意味がわかる方、何卒、アドバイスお願いいたします。 またストークに固定フッターを記載するスタイルシートで下記のアドレスを参考にして作成いたしました。 https://setsuyaku-rich.com/stork-footer/
質問日時: 2019/01/05 12:42 質問者: kuma0129
ベストアンサー
1
0
-
http://www.nyushi-sugaku.com/koushiki_tec.html このサ
http://www.nyushi-sugaku.com/koushiki_tec.html このサイトの印刷ができません 印刷の仕方教えてください あと私はiPod touchを使ってます
質問日時: 2019/01/03 12:30 質問者: ReLIFER
ベストアンサー
4
0
-
CSS background-color:でサイトが正しく表示されない場合の対処方法
stylusで *{ background-color:#006400 !important; } と記述した場合にサイト(https://support.google.com/*)が正しく表示されないのですがcssを特定のurlに適用しないなどの対処方法を教えてください。
質問日時: 2018/12/31 20:55 質問者: r8R
解決済
2
0
-
デスクトップの画像をhtmlに表示させる方法
デスクトップにある画像をhtmlに表示させる方法がわかりません ネットのを参考にしてやってみたんですがダメでした どこを直せばいいのか教えてください
質問日時: 2018/12/28 11:58 質問者: RIA0909
ベストアンサー
3
1
-
floatを指定したdiv内のimg要素が14pxほど下がって表示される
初心者質問です。 img要素をfoat:left;などを指定したdiv要素内に置くと、必ず14pxほど下がって表示されてしまいます。 position:relativeなどで持ち上げると、そのdiv全体でリンクさせる場合、14px分カーソルに反応する範囲が下にはみ出してしまいます。 imgをズレないように表示させるためにはどうすればよいでしょうか。
質問日時: 2018/12/17 11:40 質問者: gw-graphic
ベストアンサー
2
0
-
CSSについて。このサイトの背景の表現はどのような記述でしょうか?
https://www.human.or.jp/ こちらのサイトのTOPページの「recruit tips」の背景が、 中央がグレーで左右がホワイト、またセクションの真ん中もホワイトのように見えます。 このような特殊なグラデーションはどのようにやるのでしょうか? プロパティだけでも教えていただけたらこちらで調べてみます。
質問日時: 2018/12/15 11:17 質問者: toshi4646
ベストアンサー
1
0
-
html4.01とxhtmlではレスポンシブに対応させることはできるのでしょうか?
html4.01とxhtmlではレスポンシブに対応させることはできるのでしょうか? 普段、サイト製作時にはhtml5を使いサイトを制作しているのですが html4.01やxhtmlには全く触れたことがありません。 どなたかわかる方いらっしゃいましたらよろしくお願いします。
質問日時: 2018/12/10 16:55 質問者: kzn3
解決済
2
0
-
[html]ラジオボタンを使った診断の作成アドバイスをお願いいたします。
ラジオボタンを使った診断を作成したく、アドバイスを頂けますでしょうか。 html,cssで簡単なサイト作成ができる程度の知識しかなく、煮詰まっています。 html、javascript、jQuery…理想の形が作れれば形式は問いません。 ーーーーーーーーーーー ▼作成したい内容 ・20問程度の設問 ・設問に対して回答は3~5つ(ラジオボタン) ・診断結果は4種類(性格診断)→〇、△、□、× ラジオボタンを使った診断系でよくみられるのが 「value」を使い、0,1,2…と数字を入れていく方法だと思うのですが、 ひとつの回答にひとつの点数ではなく、複数の別々の点数を当てはめたく困っています。 例)ーーーーーーーーーーー 【設問1】怒りを感じた時にあなたのとる行動は? 回答A:ふて寝 (点数→ 〇0点、△1点、□2点、×3点) 回答B:相手に怒りをぶつける (点数→ 〇1点、△2点、□0点、×3点) 回答C:第三者に愚痴を言う (点数→ 〇2点、△0点、□1点、×3点) 【設問2】悲しいと感じた時にあなたのとる行動は? 回答A:引きこもる (点数→ 〇3点、△0点、□0点、×1点) 回答B:泣き叫ぶ (点数→ 〇0点、△1点、□2点、×4点) 回答C:誰かに共感を求める (点数→ 〇4点、△3点、□1点、×0点) 回答D:楽しいことをする (点数→ 〇2点、△4点、□3点、×2点) ↓↓↓ 【診断結果】 〇:合計20点、△:合計18点、□:合計30点、×:合計9点 →一番特典の高い「□」タイプだと診断 ーーーーーーーーーーーーーー このように、複数の点数を使い結果を表示したいのです。 なお、画像等は使わず、テキストだけのできるだけシンプルなページにしたいと考えています。 浅学でそもそもこの形式が可能かどうかもわかっていないのですが、、アドバイスを頂けますと幸いです。何卒宜しくお願いいたします。
質問日時: 2018/12/09 10:52 質問者: shinon26
ベストアンサー
4
0
-
HTML CSS ボタンの縦幅が変わらない
pythonを勉強していて、flaskを使ってwebページをつくっていて、初めてHTMLを書いています。 下記のコードで、ボタンの横幅の変更はできたのですが、縦幅がどうしても変わりません。 macのpycharmで走らせています。 よろしくおねがいします。 <!DOCTYPE html> <html lang="ja"> <head> ____<meta charset="UTF-8"> ____<title>Title</title> </head> <body> <INPUT type="button" value="あ" name="asdf" ____style="width:200px; height:300px"> </body> </html>
質問日時: 2018/12/06 12:58 質問者: henjin213
解決済
3
0
-
ドキュメントルートより上の階層にあるcssファイルが反映されない
環境:UbuntuServer18.04LST,Apache2 ドキュメントルートより以下の階層に置いた場合は問題ない。 ドキュメントルートと同じ階層なら <link rel="stylesheet" href="style.css"> 一つ下のcssなら <link rel="stylesheet" href="css/style.css"> そこで、一つ上の階層のcssに置き <link rel="stylesheet" href="../css/style.css"> とすると、反映されません。ただし、この場合に下の階層に置いたcssディレクトリを そのまにしておくと、見かけ上は反映されます。 つまり、../と相対パスで上の階層を指定しても、下にあるcssを見てしまっています。 事実、下の階層のcssディレクトリを削除するか名前を変更すると反映されません。 パーミッション等は問題ないと思いますが、試しにドキュメントルートより上の階層の 単純なテキストの読み書きができるか相対パスが通るかどうか試しましたが、問題ありませんでした。 何か見落としている点があるのでしょうか。 よろしくお願いします。
質問日時: 2018/12/06 10:06 質問者: つぼだい
ベストアンサー
5
0
-
ウエブサイトに掲げる綺麗な画像が欲しいけど、自分はデザインのツールなどの使い方は知らない、どうしたら
ウエブサイトに掲げる綺麗な画像が欲しいけど、自分はデザインのツールなどの使い方は知らない、どうしたらいいですか?ただの画像でもウエブサイト作成の会社に依頼する必要なのか?フリーランスの方のほうがもっとよいかと思ってて、どうやってそのような方と連絡取れるでしょうか?もしかしたら他いい方法があれば教えていただければ助かります。
質問日時: 2018/12/05 11:32 質問者: hcoco
ベストアンサー
2
0
-
画像の特定のエリアにマウスをホバーすると別画像が出てきて、その画像にリンクを張りたい
何卒よろしくお願いいたします。 HTML・CSS等を利用して下記の動作をさせたいですが、どのようにGOOGLE検索等を行えば答えにたどり着けるかも不明な状態です。 どなたか詳しくご教授お願いできますでしょうか。 1.画像の特定のエリアにマウスをホバーする。 2.別の画像がホバーした際にピヨっと表示される。 (画像の上に小さい画像が表示されるイメージで、元画像が切り替わるイメージではないです。) 3.表示された画像をクリックすると別ページに飛べる。 どなたか詳しいかたよろしくお願いいたします。
質問日時: 2018/12/04 15:43 質問者: エビゾー
ベストアンサー
3
0
-
img の後ろにbr を付けたけど、後ろの要素と一行分開けてない、むしろ、効かないやうに見えてる、ど
img の後ろにbr を付けたけど、後ろの要素と一行分開けてない、むしろ、効かないやうに見えてる、どうしたら解決できるでしょうか?
質問日時: 2018/12/03 14:33 質問者: hcoco
ベストアンサー
4
0
-
jQueryのlordで呼んだHTMLのCSSが適用されません
jQueryのlordから他のhtmlを読み込んだのですが、cssが適用されないです。 コンテンツ部分に、別に作ったヘッダーを読み込んだのですがcssだけ適用されないのですが、方法はありますでしょうか? よろしくお願いいたします。
質問日時: 2018/11/30 00:08 質問者: ひろひろ516
解決済
1
0
-
HTMLタグ(JAVAスクリプト?)に詳しい方教えて下さい。
添付画像のようなページを作りたいです。 【フレーム1】でクリックした文字が【フレーム2】のテキストエリアに入力されるにはどうしたら良いでしょうか。 https://oshiete.goo.ne.jp/qa/5668279.html ↑の回答が希望に近いのですが、 ・フレーム外のテキストボックスに入力されるようにしたい ・添付画像のようにクリックした回数分、文字が続けて表示されるようにしたい です。 やり方がわかる方がいらっしゃいましたら教えて頂けたら嬉しいです。 よろしくお願いします。
質問日時: 2018/11/28 16:36 質問者: おしえてほしい人
ベストアンサー
2
0
-
Flexslider2のカーセルスライダーでスライド後、画像が見切れてしまいます。
本当はスライド前スライド後、ウィンドウとスライドーの可変後常時、スライダーの両端のフチが20px、画像間のマージンが30px、 のカーセルスライダーをflexslider2で作りたいのですが、 現在は最後までスライドするとどうしても、左端右端が見切れてしまいます。 http://ur0.work/NSjJ このサイトトップページの下のスライダーです。 よろしくお願いします。 --------------------------------------------------- html <script> $(window).load(function() { $('.flexslider').flexslider({ animation: "slide", animationLoop: false, slideshow:false, touch:true, controlNav:false, itemWidth: 150, itemMargin: 30, minItems:2 }); }); </script> <div class="flexslider"> <ul class="slides"> <li><a href="/img/ttt.jpg" data-lightbox="1" title="01"><img src="img/ttt-s.png"></a></li> <li><a href="/img/ttt.jpg" data-lightbox="1" title="02"><img src="/img/ttt-s.png"></a></li> <li><a href="/img/ttt.jpg" data-lightbox="1" title="03"><img src="/img/ttt-s.png"></a></li> <li><a href="/img/ttt.png" data-lightbox="1" title="04"><img src="/img/ttt-s.png"></a></li> <li><a href="/img/ttt.png" data-lightbox="1" title="05"><img src="img/ttt-s.png"></a></li> <li><a href="/img/ttt.png" data-lightbox="1" title="06"><img src="/img/ttt-s.png"></a></li> <li><a href="/img/ttt.png" data-lightbox="1" title="07"><img src="/img/ttt-s.png" ></a></li> <li><a href="/img/ttt.png" data-lightbox="1" title="08"><img src="/img/ttt-s.png" ></a></li> </ul> </div> -------------------------------- css .flexslider { max-width:730px;//レスポンシブにも対応したいので max-は残したいです。 height:197px; margin-bottom:0; right:0; margin-left:49px; margin-top:1px; z-index:10; position: relative; } .slides { margin-top:22px; margin-left:-20px; height:200px; z-index:10; width: 2220px; margin-left: -20px; } .slides li { z-index:10; } @media screen and (max-width:1024px) { .flexslider { width:550px; }} @media screen and (max-width:1024px) { .slides li { width:145px; }} ------------------------------------------------- 試したこと .slides li{margin-right: 20px !important;//効果無し } .slides{max-width:730px;//並び自体がスライダーじゃなくなります。 } .flexslider {padding-right:20px;} //を試したら右端は見切れなくなったのですが、スライダーの枠のサイズ自体大きくなってしまったりプラス左端が見切れてしまったりします。 ---------------------------------------------------- js すいません。jsはどこを変えればいいのか分からないのとcoda2で読みやすいよう改行もできないみたいなのでそのままでリンク先を載せます。 http://ur0.work/NSjN
質問日時: 2018/11/27 00:42 質問者: yamamoto7778
ベストアンサー
1
0
-
【HTML】1クリックで複数ファイルをダウンロードしたい
ある業務システムのページ(https://)に 業務で使用するCSVファイルダウンロードのリンクが20個ほど列挙されています。 (しかしURLは、・・・/abcd.csv ではなく、/スラッシュで終わってますが、クリックするとcsvが自動的にDLされる) 普段のルーチン作業で使うのは、この中のある6つのファイルだけなので、 選びやすく誤クリックを防ぐため、対象のリンクだけに絞ったHTMLをローカルに保存して使用しています。 そのやり方は、本物のサイトを「名前を付けてページを保存」でHTML(完全)でローカルに保存し、 HTMLを編集しました。 手順としては、一度本番サイトにログインをしておいてから、 デスクトップにおいてあるHTMLファイルを開き、6つのリンクを上から順番にクリックすると、 ダウロードフォルダにcsvが落ちてくる仕組みにしています。 この作業をもっと楽にするためにお知恵を貸してください。 ・たとえば1ボタンをクリックするだけで6つともDLできるとか ・ログイン情報もHTMLに入れておいてログインも自動にするとか このシステムはPassの保存ができなくなっているため、 一度入力したIDはプルダウンから選択できますが、Passは毎回手入力しなければいけません。 事前にログインしておかずにローカルHTMLからリンクをクリックすると、新しいタブにログイン画面が表示されるようになっています。
質問日時: 2018/11/20 18:17 質問者: tanapyondai
解決済
11
0
-
HTMLについての質問です。
今ホームページを自作しています。 HTMLでidやclass属性を使ってローカルフォルダ内のトップページから同じフォルダ内にある 別のページの特定の部分へ飛ぶように組み込もうと思っていて ある本では<a href="htmlファイルのパス#+id属性値">と書いてありました。 もしclass属性を用いる場合も記述の仕方は変わらないのでしょうか? 上の質問とは関係ありませんが cssの方でid属性を指定する場合は#〇〇,class属性を指定する場合はh2.〇〇みたいに書く というのを少し前に知ったのでこんがらがってしまっています。 アドバイス宜しくお願い致します。
質問日時: 2018/11/16 18:03 質問者: girpom
ベストアンサー
1
0
-
W3Cでの文法エラーについて
お世話になります。 以下のCSSでW3Cから文法エラーと指摘されました @media (min-width: 768px) and (max-width: 979px) and screen and (max-width: 47.9375rem) { .row-fluid [class^="col"] { margin-left: 0; } } 属性関連の記載だと思うのですが class^="col" 辺り。。 改善方法をご教授頂けないでしょうか? 宜しくお願いいたします。
質問日時: 2018/11/12 10:24 質問者: ya-ya-
ベストアンサー
1
0
-
スマホでのホームページの表示
ホームページ上の文字をメイリオにしたく下記のようにhtml上記述しました。 <body style="font-family:'メイリオ',Meiryo;line-height:100%;"> <p>はじめまして</p> </body> PCで見るとメイリオで表示されているのですが、スマホ(アイフォン)で見るとメイリオではなく、 通常の文字で表示されます。 スマホでもメイリオで表示されるようにするには、どのようにしたらよいでしょうか? CSS等を使わず、HTML上での指定方法をお願いします。 よろしくお願いします。
質問日時: 2018/11/11 15:22 質問者: takagetu
ベストアンサー
2
0
-
htmlで履歴書のテンプレートを探しています。有るのでしょうか?
htmlで履歴書のテンプレートを探しています。有るのでしょうか? URLを教えて下さい。宜しくお願いします。
質問日時: 2018/11/08 21:44 質問者: usui-2015
解決済
2
0
-
Excelに書き込んだデータを、メモ帳に移し、HTMLで作った表にExcelにデータを加える度に、順
Excelに書き込んだデータを、メモ帳に移し、HTMLで作った表にExcelにデータを加える度に、順次書き込みができるようにしたいのですが、どのようにリンクさせれば良いですか?
質問日時: 2018/11/05 17:36 質問者: ペーペー
解決済
1
0
-
前に投稿したのですが、間違えたのでもう一度出します。HTML&CSSでホームページみたいなものを作っ
前に投稿したのですが、間違えたのでもう一度出します。HTML&CSSでホームページみたいなものを作っているのですが、青い線と赤で囲んだ写真の幅を縮めたいのですが方法がわかりません。わかる方は教えて下さい。初心者で初めて作るのでどうすればいいのかわかりません。よろしくお願いします。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>発表</title> <link rel="stylesheet" href="style.css"> </head> <body> <img src=""> <div class="header"> <div class="header-logo">ソフトウェア情報学部</div> <div class="header-list"> <ul> <li>~ソフトウェア情報学部にはどういう人がいるの?~</li> <div class="img"> <img src=""> <img src=""> <img src=""> <img src=""> <img src=""> <img src=""> <img src=""> <img src=""> </div> </ul> </div> </div> <div class="main"> <ul> <li>みなさんはソフトウェア情報学部の先生でよく知っている先生やあまり関わりがなくて知らない先生もいるかと思います。</li> <li>私はその中から知っている先生に絞り何人か紹介をしたいと思います。</li> <li></li> </div> <div class="footer"> </div> </body> </html> CSS↓↓ body { font-family: "Avenir Next"; } img{ width:130px; height:130px; float:left; } .header{ font-size:30px; } .header-logo{ font-size:60px; line-height:140px; float:left; } li{ list-style:none; } .header-list{ font-size:30px; line-height:250px; height:300px; } .img{ margin:0px auto; height:100px; } .main{ font-size:30px; background-color:#bdebf7c5; height:600px; } .footer{ background-color:#ceccf3; height:200px; }
質問日時: 2018/10/31 19:07 質問者: 玉ヶ谷-藤北
解決済
3
0
-
今HTML&CSSを使ってホームページみたいなものを作っているのですが、赤く囲んだ部分が8枚ほどの画
今HTML&CSSを使ってホームページみたいなものを作っているのですが、赤く囲んだ部分が8枚ほどの画像があるのですがその上に青く線を引いたものがあるのですが、その幅を小さくする方法がわかりません。画像を少し上にあげたくても幅が狭まらなくて困っております…。わかる方は教えていただけると助かります。よろしくお願いします。
質問日時: 2018/10/31 18:27 質問者: 玉ヶ谷-藤北
解決済
1
1
-
HTML、CSSの記述でマウスオーバーで画像を変える方法
HTMLのDiv、id、Class、HOVERの記述の質問です。 左側に○、右側に□の画像を配置、 通常は、「○■」(左側が光ってONの状態) この時、マウスを■に重ねた時だけ□に変わるが、マウスを○に重ねても反応させない。 ■の上でクリックすると以下のようになる。 「●□」(左の○が暗くなりOFF、右側の□が光ってONの状態) 今度は、マウスを●に重ねた時だけ○に変わるが、マウスを□に重ねても反応させない。 このように片方をONにするともう片方がOFFになるスイッチの様な動きをさせたいのですが、 HTMLファイルとCSSファイルにどんな記述をすれば実現できるでしょうか? 文中では以下の記号とファイル名で対応していますが実際には画像データです。 ● = left.png ○ = left_on.png ■ = right.png □ = right_on.png
質問日時: 2018/10/30 18:09 質問者: tanapyondai
解決済
11
0
-
web・レスポンシブデザインについて
コーディング初心者です。 画像の右側にテキストが入るようなコーディングをしました。(※画像参照) PC表示では成功したのですが、スマホ表示がうまくいきません。 スマホ表示では画像を非表示にしてテキストだけ流したいのですが、 まず画像をdisplay:none;にしたところ、 画像は非表示になったのですが、テキストボックス?が左に寄ってしまって、 右側に変な空間が出来てしまいます。(※画像参照) タグはこんな感じです。タグの書き方を紹介しているサイト様のものを参考にしました。 【HTML】 <div class="box"> <img src="画像.jpg" width="400px"> <div class="right"> <p>この文章はダミーです~</p> </div></div> 【CSS @media screenの部分】※max-width:1000px .box { margin: 10px 0; float: left; background: #CEECF5 ; } .box img { max-width: 30%; float: left; } .box p { margin: 0; padding: 10px; text-align: left; font-size: 1.2em; line-height: 1.6em; } .right { width: 70%; float: left; } %指定しているwidthの部分を無効にすれば治るのでは?と思っているのですが、 どうやったら解除されるのか、わかりません。 floatをnoneにしてみたり、widthを100%にしてみたりしているのですが、 見当違いなことをしているのか、クラス名の指定場所を間違えているのか、全く変わりません。 いったい何が邪魔をしているのでしょうか… そもそもこういう方法自体が古かったりしますか? これだけでは判断できないかもしれませんが、 お詳しい方、教えていただけると嬉しいです。 よろしくお願いします。
質問日時: 2018/10/26 14:12 質問者: tebolabo1114
ベストアンサー
2
0
-
正規表現の検索置換でdiv内のimgのclassを変換したい
<p><img class="w260" />あああああ</p> <div class="ABC"><img class="w260" /></div> <div class="ABC"><img class="w260" /><img class="w260" /></div> <div class="ABC"><img class="w260" /><img class="w260" /><img class="w260" /></div> というソースで<div class="ABC">内のimgのclassをw300に一発置換するにはどうしたらいいでしょうか。
質問日時: 2018/10/14 23:02 質問者: ジリー
解決済
7
0
-
stylesheetで、<td>だけでテーブルの横幅を調整したい。
以下のようなHTMLがあります。<td>の横幅を2000で設定したにもかかわらず、表示してみると、ブラウザの横幅の中に収まってしまいます。 ブラウザの横幅を突き抜けて、横にスクロールしないと見えないような表示をさせたいのですが、どうすればよいでしょうか? 訳あって、<table>でstye="width:xxxx;"は使用したくありません。 <HTML> <BODY> <table border="1"> <tr> <td style="width:2000px;">テスト1</td> <td style="width:2000px;">テスト2</td> </tr> </table> </body> </html> PerlでHTMLを表示させています。 上記例では<td>は2つですが、<td>の数は動的に変化するスクリプトを作っています。 そのため、<table>側ではなく<td>側でテーブルの横幅が変化するようにしたいのです。
質問日時: 2018/10/11 09:48 質問者: workpad30j
ベストアンサー
1
0
-
会社でWebテストを作成しようと思っています。 会社のサーバー下でできることも限られており、現状はメ
会社でWebテストを作成しようと思っています。 会社のサーバー下でできることも限られており、現状はメモ帳にHTMLでラジオボタン選択式(回答は一つ)の問題とチェックボックス選択式(回答は複数)を作成しました。 終わったらボタンを押すと採点できるようにしています。 フォームは完成したのですが 採点と併せてテスト受験者の点数をこちらで蓄積したいため、結果の送信・あるいは出力をしたいです。 どのようにすればよいかわかりません。 助言いただけると嬉しいです。 --------- やりたいこと Webテストの作成 回答が一つ、もしくは複数になる選択式の問題を出題したい。 →回答が複数になる問題の採点をしてくれるjava scriptの書き方が知りたいです 採点とデータの送信 (受験者の成績を蓄積したいので、レポートへの出力などでも構いません) ---------- 説明も不十分かと思いますのでわからないことがあれば質問していただけると嬉しいです。
質問日時: 2018/10/11 00:56 質問者: はづきん
解決済
3
0
-
fontawesomeのアイコンを少し大きな丸型に編集する方法
fa-chart-barのアイコンを編集しています。 現在の設定は以下のとおりです。 旧バージョンでは上手く行っていましたがver5.3.1に変えてから横長の楕円形になってしまいました。 よろしくお願いします。 (HTML) <head> <script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script> </head> <section class="con-b"> <div class="container"> <div class="text"> <i class="fas fa-chart-bar icon"></i> <h2>ライフログって何?</h2> <p>日常のあれこれを記録していくライフログ。いろいろなものが見えてきます。</p> <a href="#">MORE...</a> <i class="fas fa-angle-right"></i> </div><!-- .text --> </div><!-- .container --> </section><!-- .con-b --> (CSS) .con-b .icon { background-color : #ddd); border-radius : 50%; color : #fff; display : inline-block; font-size : 40px; line-height : 2em; margin-bottom : 20px; text-align : center; width : 2em; }
質問日時: 2018/10/08 19:39 質問者: taro_11
ベストアンサー
1
0
-
CSS Validation Serviceでの検証について
CSS Validation Serviceでホームページを検証すると、 background-colorとborder-colorが同じですと警告が出ます。 たとえば、 <h2 class="title">タイトルだよ</h2> .ttitle { margin: 10px 0 5px; background-color: #fff; border-right: solid 10px #f00; border-left: solid 5px #fff; color: #065; font-size: 14px; } どんな問題点があるのでしょう。 また、改善策はあるのでしょうか。
質問日時: 2018/10/05 20:15 質問者: 16164le_tai
ベストアンサー
2
1
-
mouseonについて
htmlファイルで、mouseonになったらjavascriptが動作して、submitのボタンをクリックすると送信するーーーというようなことは可能でしょうか つまり2つの動作をするということです。
質問日時: 2018/10/05 15:16 質問者: houseroof
解決済
2
0
-
HTMLを独学で勉強中なんですが、箇条書きのOL+LIのあとに文章を入れると文章の頭に空白ができるの
HTMLを独学で勉強中なんですが、箇条書きのOL+LIのあとに文章を入れると文章の頭に空白ができるので無くすにはどう入れたら良いのですか?
質問日時: 2018/10/03 02:09 質問者: JDAM
ベストアンサー
4
0
-
htmlプログラミングについて。 とあるサイトのプログラミングテンプレートをそのままコピーして張り付
htmlプログラミングについて。 とあるサイトのプログラミングテンプレートをそのままコピーして張り付けたのですが、CSSだけ反応してくれません。 なぜですか?Windows10です。
質問日時: 2018/09/30 10:13 質問者: 汚染水2
ベストアンサー
4
0
-
スマホでWebサーフィンしていたら凄いホームページを発見した。 https://www.4gamer
スマホでWebサーフィンしていたら凄いホームページを発見した。 https://www.4gamer.net/games/999/G999905/20180905022/ 一見すると普通のWebページだけど、左右に隠れたメニューが存在する。 これってどうやって実現しているのですか? HTMLとCSSで実現できるのですか?
質問日時: 2018/09/29 09:51 質問者: america2028
解決済
1
0
-
ベストアンサー
1
0
-
HTML5で、どのタグがどのカテゴリーなのか調べるには。
HTLM5で、タグがどのコンテンツカテゴリーに属する要素かは調べたりすると解るのですが、タグがどのコンテンツモデルになるのかが解らず困っています。 例えば、pタグの中でemタグが使えるか調べたい場合、pタグがどのカテゴリーなのか分からないので、調べるのに苦労するって感じです。 <head>head要素のコンテンツ・モデルはメタデータコンテンツモデルとか、タグの要素のコンテンツモデル一覧とかはないんでしょうか? 主要なのタグは覚えて、どのコンテンツモデルになるから、このタグの中で使える要素はこれってのを調べやすくしたいんです。 上手く説明できてないかもしれませんが、教えていただけないでしょうか? 初歩的な単純なこと質問して申し訳ございません。 よろしくお願いします。
質問日時: 2018/09/17 19:59 質問者: aozora50
解決済
2
0
-
javascriptのコメント
下記においてhtml内のjavascriptのコメントはどのように書くのでしょうか <html> <script> コメント1 コメント2 コメント3 </script> </html>
質問日時: 2018/09/16 11:55 質問者: houseroof
解決済
2
0
-
html内でのjavascriptの処理
以下は 1)フォームにおいてテキスト内の文章の単語数をjavascriptによって得ます。 2)「確認」ボタンをクリックしたら単語数を「hidden」のvalueに入れます。 3) 次に確認ページ(abc.php)が表示されます。 この方法でよいのでしょうか。 styleの中の「------ 」は略したものです <html> <head><title>例題1</title></head> <style type="text/css"> #formWrap { width:700px; margin:0 auto; color:#555; line-height:120%; font-size:90%; } table.formTable{ ------ } table.formTable td,table.formTable th{ ----- } table.formTable th{ ------ } </style> </head> <body> <div id="formWrap"> <h3>問い合わせ</h3> <form method="post" action="abc.php"> <table class="formTable"> <input type="hidden" name="tangosu" value=""> <th>原文</th> <td><textarea name="genbun" rows="4" cols="40"></textarea></td></tr> </table> <script> <!-- 次に原文から単語数を得るプログラムを書く --> var work1 = document.all.formWrap.genbun.value.replace(/\,/g, ' '); var work2 = work1.replace(/\./g, ' '); var work_array = work2.split(' '); var len = work_array.length - 1; var i; for(i = len; i >= 0; i--){ if(work_array[i] == ""){ work_array.splice(i,1); } } var count = work_array.length; function fun(){ document.formWrap.tangosu.value = count; } </script> <input type="submit" value="確認" onclick="fun()"/> </form> </div> </body> </html>
質問日時: 2018/09/12 20:41 質問者: houseroof
解決済
1
0
-
formについて
以下はあるサイトにあったプログラムの一部です。 一般にフォームは <form name=xxx > -- -- </form> の形式になりますが下記の場合 name(つまりxxx) はなんでしょうか <!-- ▼************ 送信内容表示部 ※編集は自己責任で ************ ▼--> 342 <div id="headWrap"> 343 <a href="index.html"> 344 <div id="headerIcon">Jy.</div> 345 </a> 346 </div> 347 <div id="wrapper"><!-- #wrapper --> 348 <div id = "main"> 349 <div id="formWrap"> 350 <?php if($empty_flag == 1){ ?> 351 <div align="center"> 352 <h4>入力にエラーがあります。下記をご確認の上「戻る」ボタンにて修正をお願い致します。</h4> 353 <h4>There's some kind of ERROR. Please check your inputs by clicking "Back" button below.</h4> 354 <?php echo $errm; ?><br /><br /><input type="button" value=" 前画面に戻る / Back " onClick="history.back()"> 355 </div> 356 <?php }else{ ?> 357 <h3 align="center">確認画面 / Confirmation Page</h3> 358 <p align="center">以下の内容で間違いがなければ、「送信する」ボタンを押してください。<br /><br />If you confirmed your inputs, click "Send".</p> 359 <form action="<?php echo $_SERVER['SCRIPT_NAME']; ?>" method="POST"> 360 <table class="formTable"> 361 <?php echo confirmOutput($_POST);//入力内容を表示?> 362 </table> 363 <p align="center"><input type="hidden" name="mail_set" value="confirm_submit"> 364 <input type="hidden" name="httpReferer" value="<?php echo $_SERVER['HTTP_REFERER'] ;?>"> 365 <input type="submit" value=" 送信する / Send "> 366 <input type="button" value="前画面に戻る / Back" onClick="history.back()"></p> 367 </form>
質問日時: 2018/09/12 15:53 質問者: houseroof
解決済
2
0
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
最新のコラム/記事
-
マッチングアプリで出会ったカップルは成婚率が高い!?結婚カウンセラーに聞いてみた
パートナーとの出会いの場として、もはや主流となったネット婚活やマッチングアプリ。中でも手軽に登録できるマッチングアプリは、10代から50代と幅広い年代が利用している。一方で、“相手の目的が投資関係の詐欺や...
-
メダロット:第250話「Vol.250※期間限定公開」
天才メダロッター六葉カガミの戦いを描く「メダロット再~リローデッド~」(漫画:伯林、監修:イマジニア)、20周年を迎えた『メダロット』が新たなストリーでココに再起動!!★全話無料で読める、週刊メダロット通信...
-
メダロット:第249話「Vol.249※期間限定公開」
天才メダロッター六葉カガミの戦いを描く「メダロット再~リローデッド~」(漫画:伯林、監修:イマジニア)、20周年を迎えた『メダロット』が新たなストリーでココに再起動!!★全話無料で読める、週刊メダロット通信...
-
日本古来の伝統工芸「金継ぎ」で修復した食器は前と同じように使えるの?
大切にしている食器が割れてしまったら、きっと誰もが「元に戻したい」と願うだろう。「教えて!goo」にも「割ってしまったお気に入りの食器を復活できる?」という質問があり、最適な方法について様々な意見が寄せら...
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlの文字が縦書きになる
-
HTMLです。画像をHTMLで表したいで...
-
HTML ul li で横並びにナビゲーショ...
-
テーブルの行を折りたたみたいので...
-
テーブルのセルデータを自動改行さ...
-
css初心者 フレックスボックスの適...
-
角丸画像の背景色を透明にしたいです
-
HTMLでこの画像を表示したいです 教...
-
静止画画像をクリックすると音楽が...
-
疑似要素で背景画像に指定したSVG画...
-
メモ帳の段落の揃え方
-
WEBページを強制的に横画面で見るよ...
-
HTMLのdlとul どちらが正しいと思い...
-
HPに文章で改行はすべてBRタグとか...
-
列のどこをクリックしてもソートで...
-
スマホ(android)のタッチパネル、...
-
コードを書いて下さい( ; ; )写真...
-
CSSで謎の現象
-
テーブルタグのセルの幅の一部だけ...
-
ウェブサイトにアップされているPDF...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
テーブルの行を折りたたみたいので...
-
WEBサイトの作成で、imgタグには現...
-
webデザインの勉強で、HTML/CSSから...
-
私、Paiza Cloudやっているのだけど...
-
静止画画像をクリックすると音楽が...
-
css初心者 フレックスボックスの適...
-
角丸画像の背景色を透明にしたいです
-
WEBページを強制的に横画面で見るよ...
-
メモ帳の段落の揃え方
-
テーブルタグのセルの幅の一部だけ...
-
iPhoneで HTMLファイルを閲覧
-
先日ウェブデザイン技能検定三級を...
-
指定した演算を実施の結果を表示さ...
-
テーブルのセルデータを自動改行さ...
-
HTMLタグのあるCSVファイルを利用す...
-
スマホで、左右にスワイプしてウェ...
-
指定した演算を実施の結果を表示さ...
-
CSSファイルの日本語コメントが文字...
-
HTMLで特定の文字だけ色を変えたい...
おすすめ情報