回答数
気になる
-
ネットショップで刻印入力ができるボタンはhtmlかJS等で可能でしょうか?
ワードプレスにて、イージーマイショップのカート機能を使ってネットショッピングが可能なオフィシャルページがあるのですが、商品にお好きな刻印を打つことができるのですが、その刻印内容を A~Zと数字のソフトキーボードと♡と肉球も使いたいのですが、記述をご存じの方、ご教授いただけませんでしょうか?よろしくお願い致します。
質問日時: 2019/10/25 12:15 質問者: Amira141
解決済
1
0
-
写真を縦長に成らずに縦横比を保って縮小表示させたい
いろんな大きさの写真を表示するのですが、 <img height="150" src="12004.jpg"> <img height="150" src="12005.jpg"> <img height="150" src="12006.jpg"> の場合、ほぼ希望したとおりの表示になるのですが、横長の写真の場合、例えば、12005.jpg が想定した横幅200に入らないのでこれを <img height="150" width="200" src="12005.jpg"> に変更してみました。すると、縦長の表示になってしまいました。 もちろん、横幅指定で、 <img width="200" src="12005.jpg"> とすると入りますが、今度は、縦長の写真、例えば、12004.jpg の表示 <img width="200" src="12004.jpg"> が縦に広がってしまい、高さ150からはみ出てしまいます。 で質問です 150x200の中に収まるように縦横比を保って縮小表示させる(個別対応ではなく一般的な)方法を教えてください
質問日時: 2019/10/25 07:22 質問者: usa3usa
ベストアンサー
4
0
-
top.pngを左に寄せて、すこし上げたいです。
<div class="logo"> <a href="index.html"><img src="images/top.png" alt="TOP" style="width:35%"></a> </div> 以上ですが、スマホで縦画面で見ると、top.pin画像が真ん中に来てしまいます。 これを左に寄せて、すこし上げたいです。 よろしくお願いいたします。
質問日時: 2019/10/24 17:49 質問者: Campus2
ベストアンサー
3
0
-
fc2のブログで、見ている人のそれぞれの画面に合わせて、横幅を変えるhtml
FC2のブログで、見ている人のそれぞれの画面の大きさに合わせて、記事の枠などが変わる、htmlの書くものを教えて下さい。 ・ブラウザの、横幅を変えると、それに合わせて、FC2のブログの、記事の横幅も変わるものが希望です。
質問日時: 2019/10/24 00:35 質問者: konekochan359
ベストアンサー
2
0
-
なぜ height 100% がつくのか の疑問
以下のコードで、height 100% になる理由がわかりません。 通常、親の高さの相対として高さは付けられると思っているのですが、 position absolute なら関係ないのでしょうか ? <!DOCTYPE html> <html lang="ja"><head> <meta http-equiv="content-language" content="ja"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> .alert { position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: rgba( 0, 0, 0, 0.5 ); } </style> </head> <body> <div class="alert"> </div> </body> </html> また、なぜ以下のコードが縦横 100% になるかもわかりませんでした。 position: absolute; top: 0; left: 0; bottom: 0; right: 0; わかる方おりましたら、わかりやすい説明で頂けると助かります。 どうぞ、宜しくお願い致します。
質問日時: 2019/10/23 20:18 質問者: 東京ノミコト
ベストアンサー
2
0
-
HTML タグに ID や CLASS を付けたい。
よく、<body> タグ内では、id や class を付けたタグを見かけるのですが、 <html>には、id や class を付けても良いのでしょうか ?
質問日時: 2019/10/23 12:48 質問者: 東京ノミコト
ベストアンサー
4
0
-
ベストアンサー
4
0
-
画像を隙間なく配置する方法
初めまして スライスされた縦横2×2の4枚一組の画像がありまして HTMLで組んで、それぞれにリンクを設定しようとしているのですが テーブルで配置したところ 余白が入り元の画像を再構成できなくて困っています。 テーブルでなくてもいいのですが Wordpressなのでjavascriputを追加せずに 段組みとCSSだけで実現できないでしょうか? 因みにクリッカブルマップは フレキシブル対応できたのですが、javascriputを使うのでダメでした。。。 ご教示の程、宜しくお願いいたします。<(_ _)>
質問日時: 2019/10/16 15:39 質問者: ya-ya-
ベストアンサー
1
0
-
Media Queries 4 で 非推奨となった
Media Queries 4 で 非推奨となった、 device-width 出力デバイスの幅 device-height 出力デバイスの高さ これらは、以下のものが非推奨になったということでしょうか ? @media only screen and (max-device-width: 480px) { } また、 <meta name="viewport" content="width=device-width"> のメタに設定するものも含むのでしょうか ? これらの基準を決定しているのは W3C でしょうか ? だいぶ勘違いをしているのだと思いますが、詳しい方おりましたら、 ご教授ください。 宜しく御願い致します。
質問日時: 2019/10/16 14:07 質問者: 東京ノミコト
ベストアンサー
2
0
-
マウスONでリンク文字色を変えたい
HPを上部、その下に左右2つの3フレームで構成しています。 下の左のフレームにメニューを表示していますが幅に制限が有、 メニュー幅に文字数が収まる様に越える分は下に<br>で下ろしています。 下ろした文字を右にずらすのに、スペースを使っており、このスペースにアンダーラインが表示されます。 (文字にはリンクを付けてアンダーラインを入れています。) これを消す方法はなさそうなので、アンダーラインを使わずにマウスを載せると、文字の色が変る方法を検討しています。 例 <A href="Grindelwald/Grindelwald/Grindelwald1.html" target="right"><font color="#ff0000" size=4 face="MS 明朝"><b>シャモニー(EXCELSIOR.H)</b></font></A><br> (複数有り、文字色は変えてあります) と言う記述に対して、NET情報より得た下記を反映させたいのですが・・ <STYLE type="text/css">の下に記述を入れても、 上記に font color を指定しているので、有効にならないのでしょうか? a:hover { color: skyblue; font-size: 2em;/*文字サイズ2倍*/ font-weight: bold; } たまたま見たHPにサンプルがありましたので、これが反映できないかと・・・ 素人の質問ですが、アドバイスをいただけませんでしょうか。
質問日時: 2019/10/13 11:49 質問者: new_hana
ベストアンサー
5
0
-
htmlで任意の行の文字位置を右にずらす方法
HPを上部、その下に左右の3フレームにしてあり、下の左の表示をメニューの様にしています。 そのメニュー幅に文字数が収まらないので、下に<br>で下ろしています。 文字にはリンクを付けてアンダーラインを入れています。 文字を右にずらすのに、スペースを使っており、このスペースにアンダーラインが表示されます。 これを消す方法はないものかと・・。 簡単な方法はないでしょうか? 申し訳ありませんが素人です。
質問日時: 2019/10/12 15:33 質問者: new_hana
ベストアンサー
3
0
-
webサイト制作について
webサイト制作について初心者なのでわかりやすく教えて頂きたいです。 知り合いに会社のホームページ制作を依頼されたのですが、よくある会社からのお知らせや情報、ニュース、SNSなどを会社のホームページ内に表示して更新するにはどうすればいいのですか?HTML&CSS,独自ドメインの取得、サーバーをレンタルしてそこにアップロードすれば世の中の皆さんが見れるようになるなど等はある程度理解できたのですが、毎回HTML&CSS等を編集してアップロードやり方がベストとは思えません。理想はそこの欄だけHTML&CSSがわからない方でも記事などをアップロードできる仕組みを作りたいです。その場合はHTML&CSS等の中に何かを組み込んでいるのでしょうか? 企業に務めている知人はwebmanager?にログインしてアップロード等すれば更新、編集ができるとおっしゃっていました。また別の方から聞いた話だと、ある人が業者に頼んでホームページを制作してもらったそのホームページはWordPressで作られていました。その場合はそちらでWordPress等のアカウントを作ってもらって最初だけ業者が代行した感じでしょうか? 全くの初心者でわからないのでどなたかご教授願います。(><)
質問日時: 2019/10/10 00:30 質問者: ようた___
解決済
2
0
-
<meta name="robots" content="noindex" /> をいれる位置
グーグルの検索にかかりたくないので <meta name="robots" content="noindex" /> を サイトにいれようと思っているのですが 入れる位置が適切かどうか わかりません。 本文の中に入れると ダメでしょうし 効果がでる位置を教えてもらえないでしょうか
質問日時: 2019/10/07 08:40 質問者: motoentaro
ベストアンサー
2
0
-
至急ご回答お待ちしています!! cssに関してなのですが、 backgroundで背景を指定し、フル
至急ご回答お待ちしています!! cssに関してなのですが、 backgroundで背景を指定し、フルスクリーンで表示しています。 heihgt:100vhのように… こちら、画面の幅を縮めたら背景画像も縮まることなく見切れていっていまいます。 これを、背景画像をフルスクリーンで表示しつつ画面幅によって小さくすることは可能なのでしょうか? 教えてくたざい!!
質問日時: 2019/10/06 15:03 質問者: ト琶
解決済
2
0
-
アクセスログを取りたい
プロバイダーにホームページが開設できるので 簡単なモノですが、個人的な記事を載せています。 (理由は差し控えさせていただきますが) この度、訪問者の実態を知りたくアクセスログを取りたいと思っています。 簡単なモノで構いません。 (何処から、いつ頃、何分くらい滞在したか、くらい) 方法を教えて下さい。 私はHTMLが書ける程度のレベルです。 宜しくお願いします。 pcはwin7です。
質問日時: 2019/10/04 16:42 質問者: nagahaha
ベストアンサー
3
0
-
webサイト作りが上手くいきません
webサイトを作りたくて、まず下の画像のような感じにしたいんですけど、案の定というか、上手くいきません。 ↓HTMLとCSSをこう書きました。 ●HTML <body> <header> <img class="logo" src="logo.svg" alt="ロゴ"> </header> <div class="title-img"> <h1 class="page-title">サイト名</h1> </div> <nav> <ul class="main-nav"> <li><a href="page1.html">ページ1</a></li> <li><a href="page2.html">ページ2</a></li> <li><a href="page3.html">ページ3</a></li> </ul> </nav> </body> ●CSS .logo { width: 210px; margin-top: 14px; } .title-img { background-image: url(../main-bg.jpg); } .title-img .page-title { text-align: center; } .main-nav { display: flex; font-size: 1.25rem; text-transform: uppercase; margin-top: 34px; list-style: none; } .main-nav { display: flex; justify-content: center; align-items: center; } ・できた事 logo.svgの表示 サイト名を中央に配置 ページ〇を横に並べて、お互いに幅を持たせる ページ〇をクリックしてリンク先に移動する ・できなかった事 logo.svgの縮小 main-bg.jpgの表示 ページ〇を中央に配置(左端に寄ってしまう) どうやったらいいのでしょうか。 入門書やネットの情報を参考にしているのですが、上手くできたことは資料に書かれていることをそのまま書いただけのもので、自分なりにやろうとしたことは一つも上手くいきませんでした。 宜しくお願いします。
質問日時: 2019/10/04 05:33 質問者: bosukete
解決済
1
0
-
WebページをHTMLで作成するのですが、以下のようにコード書いても、途中からずれてしまいます。
WebページをHTMで作成しようと、下の画像に添付してるようにコードを書くのですが、なぜか、学習に必要なものから下が、右にずれてしまいます。 どうやったら、プログラミング学習のおきてと同じ左端から表示したいところは表示できるでしょうか?
質問日時: 2019/10/03 14:56 質問者: aozora50
ベストアンサー
1
0
-
自分がサーバーを持っていない他人のサイトのファイルの数と種類(PHP,JavaScriptなど)を見
自分がサーバーを持っていない他人のサイトのファイルの数と種類(PHP,JavaScriptなど)を見ることはできるのでしょうか? 見れる場合はどうやってみれるのでしょうか?おすすめのソフトなどあれば(無料のやつだとうれしいです)教えていただきたいです。 ブラウザでHTMLとCSSは見れるのですが、それ以外のファイルはわからないです。 よろしくお願いします。
質問日時: 2019/09/29 19:55 質問者: koutaaaaaaaa
解決済
4
0
-
【CSS】画像を中央に配置するにはどうしたらいいですか?
ホームページの更新をしています。 同じページ内で、こういった構成内容です。 ①画像A ②テキスト ③画像B このうち①だけは、なぜかページ中央に画像が配置されているのですが、 ②と③は明らかな左寄せになっています。 そのため、スクロールしていくと、途中からバランスが悪い見栄えになります。 ①と③のコード構成を見ると、使用する画像の名前以外はまったく変わりません。 ※例えば、①だけに真ん中寄せの指示のようなコードはありませんでした。 せめて③だけでも中央寄せにしたいと思い、ネットで調べると、「text-align:center;」というコードを発見しました。そこで、③を構成するコードのうち、 ・<img title="111" alt="222" src="333" > や、 ・<div style="position:absolute; top:0%;left:0;width:100%;> に、上記のコードを追加しましたが、見た目の変化はありませんでした。 どのようにすれば、③を中央寄せできるでしょうか? ちなみにコーディングの画面(ターミナルというのでしょうか)は、HTMLとCSSで別々に分けていません。 HTMLのコードが書かれている画面に、「img src=」等々、本来は恐らくCSS専用の画面にて設定するような、画像の貼り付けや配置などをいっしょくたに書いています。
質問日時: 2019/09/25 07:13 質問者: inspi
解決済
4
0
-
cssのflexのレイアウトについてです
cssのflexのレイアウトについての質問です。 ------------------------ | | | | | | | |-------------- | | | | | | | | ------------------------ 縦2マス ☓ 横3マス を このようにしたレイアウトは どうすればcssのflexで表現できますか? <style type="text/css"> <!-- .box-flex { display: flex; } --> </style>
質問日時: 2019/09/25 00:20 質問者: JosephWalden
解決済
2
0
-
CSSと伝道しているHTMLプログラムの背景色を変更したい。
本で、CSSを勉強中です。 HTMLの基本プログラムは以下で確認ができます。 http://afurieitohannei.la.coocan.jp/Mysumahoindex.htm それで、以上のプログラムの背景色はグレーです。 他の色に変更したいのですが、うまくいきません? 通常のHTMLだけのプログラムであれば、背景色は <BODY bgcolor="yellow">だと思います。 しかし、以上のURL先にのHTMLプログラムでは <body id="index">となっていて、CSSのプログラム対してid の設定がなされています。 この場合ですが、背景色は何処が司っているのでしょうか? 現在の背景色は、グレーですが、CSSプログラムも探しましたが それらしきプログラムは出てきませんでした? 必要であれば、以上URL先のHTMLプログラムと伝道している CSSプログラムも公開します。 よろしくお願します。
質問日時: 2019/09/20 16:48 質問者: Campus2
ベストアンサー
8
0
-
cssのflexのレイアウトについて
tableのようなレイアウトの中にデータを入れて表示させたいと考えています。 <style type="text/css"> <!-- table { border-collapse: collapse; } td { border: 1px solid #333333; width: 70px; height: 25px; } --> </style> <table> _ _ _ <tr> _ _ _ _ _ _ <td_ colspan="5">title1</td> _ _ _ _ _ _ <td_ colspan="2">title2</td> _ _ _ _ _ _ <td_ colspan="3">title3</td> _ _ _ </tr> _ _ _ <tr> _ _ _ _ _ _ <td>data1-1</td><td>data1-2</td><td>data1-3</td><td>data1-4</td><td>data1-5</td> _ _ _ _ _ _ <td>data2-1</td><td>data2-2</td> _ _ _ _ _ _ <td>data3-1</td><td>data3-2</td><td>data3-3</td> _ _ _ </tr> </table> このようなtableを flexで 表示させたいと考えています。 <style type="text/css"> <!-- .box-flex { display: flex; } .box-flex > div { margin : 0px 5px 5px 0px ; } --> </style> dataの横並びは「display: flex;」でできるかと思いますが titleを含めた場合 どうすればcssのflexで表現できますか?
質問日時: 2019/09/19 18:25 質問者: JosephWalden
ベストアンサー
1
0
-
アンケートのWEBページ、スマホから送信できないトラブル
アンケートのWEBページ作りました。 PCからは「送信」ボタンを押すと、指定したアドレスへアンケート回答のメールが送信されますが、スマホからは「送信」ボタン押しても送信されません。 どうやったら、スマホでも送信できるようなりますか? HTMLファイルの当該部分は、以下の通りです <form enctype="text/plain" method="post" name="アンケート結果" action="mailto:メールアアドレス"> 送信ボタンは以下の通りです <input type="submit" value="送信" style="HEIGHT: 63px; WIDTH: 251px" size="56">
質問日時: 2019/09/12 16:45 質問者: usa3usa
解決済
3
0
-
写真のHTMLのコードで、 id="custom_header"、class="textcenter
写真のHTMLのコードで、 id="custom_header"、class="textcenter"のタグのところにstyleを利用してcolorが使われていますが、このcolorを消さずに追加CSSを使用してcolorを変更させたいと思っています。 このとき #custom_header,.textcenter{ color:rgba(255,255,255,0.68) !important: } と追加CSSに入力しましたが反映されませんでした。 色は白に変更したいです。 消さずに追加するため、!importantをつけました。 何がダメなのでしょうか? よろしくお願いします。
質問日時: 2019/09/09 20:16 質問者: koutaaaaaaaa
ベストアンサー
3
0
-
html 入力フォームの内容をjsで他のページに渡したい
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <meta charset="UTF-8"> <title>住所削除ページ</title> </head> <body> <!--<form action="/webkensyu/Addr_delete">--> <p><label>削除する郵便番号を入力してください:<input type="text" name="text1"></label></p> <button type="submit" name="button" onClick="kakunin()">削除</button> <!-- </form> --> <script> function kakunin(){ onClick="kakunin()" var result = window.confirm('本当に削除しますか'); if(result){ location.href = "/webkensyu/Addr_delete"; }else{ location.href ="addr_delete.jsp"; } } </script> </body> </html> ---------------------------------------------- <p><label>削除する郵便番号を入力してください:<input type="text" name="text1"></label> ここで入力された値を 違うページに遷移するときに一緒に持っていきたいのですが、上手くいきません。 アドバイス頂けると助かります。
質問日時: 2019/09/09 10:46 質問者: ryo317
解決済
1
0
-
EM-Editorでサーバーにアップロードする方法を教えてください
WEBデザインを勉強しています。 EM-Editorを使ってHPを作りましたが、最後にサーバーに上げるやり方が分かりません。 どういう手順で行えばいいか教えてください。 サーバーはXフリーを取得しています。
質問日時: 2019/09/08 10:01 質問者: sy2319
解決済
2
0
-
サイトを作成しようと思っています。 そこで思ったのですが他のサイトのコードをコピーして使うことは可能
サイトを作成しようと思っています。 そこで思ったのですが他のサイトのコードをコピーして使うことは可能なのでしょうか?違法なことなのでしょうか?
質問日時: 2019/09/08 02:16 質問者: koutaaaaaaaa
ベストアンサー
3
0
-
サイトのコードを作成中なのですが写真の青で示した部分に画像が出てきません。コードではHTMLのimg
サイトのコードを作成中なのですが写真の青で示した部分に画像が出てきません。コードではHTMLのimgのところに画像名である0000.jpgを入れています。もともと別の画像があって入れ替えたのですが画像サイズは前のものと同じにしないといけないのでしょうか?よろしくお願いします。
質問日時: 2019/09/05 10:08 質問者: koutaaaaaaaa
ベストアンサー
2
0
-
FC2の無料レンタルサーバーでサイトを製作しています。 ファイルマネージャーにHTML,CSS,Ja
FC2の無料レンタルサーバーでサイトを製作しています。 ファイルマネージャーにHTML,CSS,Javascriptのファイルを入れてサイトを作りたいのですがどうゆう形でいれればいいかわかりません。 rootディレクトリにHTMLファイルを入れないといけないみたいなのですが意味がよくわかりません。どなたかわかる人いないでしょうか? よろしくお願いします。
質問日時: 2019/09/04 11:31 質問者: koutaaaaaaaa
ベストアンサー
1
0
-
CSSでのbackground-imageで使える形式について
ホームページビルダーというソフトのテンプレートを使ってホームページを作成しています。CSSでのbackground-imageでは,pngが設定されています。画像が切り替わるような効果を付け加えたいのですが,アニメーションgifに変更してもうまく動きません。使用できない形式なのか教えていただけるとありがたいです。
質問日時: 2019/09/03 01:56 質問者: kiyotaka0321
ベストアンサー
2
0
-
印刷画面が表示されない
windows10 ・右クリックで印刷を選択 ・印刷マークを押す ・CTRL+P 以上を行っても印刷画面が表示されず印刷できません どうすれば印刷できるようになるかお教えください汗 Exsel等では問題なく印刷できます
質問日時: 2019/08/27 15:23 質問者: コーヒーx
解決済
1
1
-
画像をレスポンシブだと 二つずつ縦に並べるものを作りたいです。 PC版では横にだんだん並べていくのは
画像をレスポンシブだと 二つずつ縦に並べるものを作りたいです。 PC版では横にだんだん並べていくのは作れたのですが、レスポンシブの時の二つ縦並びを作れません。 HTML ul li img〜 li img〜 li img〜 /ul ul li img〜 li img〜 li img〜 li img〜 /ul という感じで組んでいます。 css ul{ display: flex; justify-content: center というのがPC版です。 これをレスポンシブ対応するとき、 横二つずつ縦に並べるにはどう書いたら良いのでしょうか。 教えてください。 また真ん中に揃えるように作りたいです。
質問日時: 2019/08/21 21:23 質問者: ト琶
解決済
1
0
-
積み上げ棒グラフの項目名を細かく表示させたい
下記のような年齢の一覧があり、縦軸を年齢ごと、横をカテゴリーで集計した積み上げ棒グラフにします。 ※約100名くらいのリストです。 氏名 年齢 カテゴリー Aさん 60 a Bさん 58 c Cさん 55 b Dさん 60 a . . . ★今回質問したいこと 上記のリストを集計した結果、aカテゴリーの60歳のが2になると思いますが、この2がAさんとDさんだと分かるように『棒グラフの棒の中に氏名』を表示をしたいです。 マクロは分かりませんので、ピボットや普通のグラフで出来るか、または集計のコツなど教えてほしいです。 言葉足らずで分かりにくいことがあれば、ご質問ください。 ご回答よろしくお願いいたします。
質問日時: 2019/08/20 19:12 質問者: m.arietty
解決済
1
0
-
管理者画面って、なんのためにあるの?
webサイトを開き、F12キーや、右クリックしソースの表示・要素の検査を選ぶと出てくる"管理者画面"はなんのためにあるんですか? 例えば、画面上の文言をいじると、文字の色やサイズが変わったり、webサイト上に変化は出ますが、保存できないので管理者画面を閉じると、サイト上の見た目も戻ります。 自分作ったサイトじゃないなら、たしかにこれもわかるのですが、自分が作ったサイトでも、管理者画面でいくらいじっても、保存できないのは同じです。 なんのためにあるのでしょうか?
質問日時: 2019/08/19 11:40 質問者: inspi
解決済
2
0
-
【急募】プルダウン内検索
Excelではありません。 あるシステムを利用しているのですが、 その中にあるプルダウンについてです。 ①選択肢が多すぎて目視検索に限界があります。 何か良い検索方法はないでしょうか? ②そしてそのプルダウンはアルファベット順などになっていればまだ良いのですが、順不同状態です。
質問日時: 2019/08/13 17:24 質問者: Necocats4
解決済
2
0
-
HTMLで画像を表示させたいです
HTMLを勉強しています。画像を載せると、「このコンピューターが差出人に識別されることを予防するため画像がブロックされています。画像を表示するには、このアイテムを開いてください。」と表示され、×印が表示されてしまいます。どうしたらよいでしょうか? <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>HTML演習</title> </head> <body> <section> <h1>写真</h1> </section> <p><img src="atopi.jpg"></p> </body> </html>
質問日時: 2019/08/13 10:37 質問者: 奈緒可
ベストアンサー
6
0
-
HTMLの背景に色が付きません。
HTMLに外部CSSをインプットしているのですが、背景に色を付けられません。間違いがありましたら、ご指摘おねがいします。ちなみに、CSSの他の内容は、しっかり適用されていました。 条件………… 背景の色:黒 文字の色:白 同じディレクトリにあるmysite.cssを使用 HTML <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="mysite.css"> <title></title> </head> <body> <h1 class="center">ここの内容は適用されています。</h1> <p><hr> <p><h2></h2> <div class="center">更新:2019/08/11</div> <p> <a href=""></a><br> </p> </body> </html> CSS @charset "UTF-8" body { background-color:#000 /*背景を黒に設定*/ color:#fff /*文字の色を白にセット*/ } h1.center { text-align:center /*文字中心(ここは適用された。)*/ }
質問日時: 2019/08/11 20:40 質問者: asatonkamera
ベストアンサー
4
1
-
<script language="JavaScript">内の関数を実行してWeb内容を更新したい
htmlの<script language="JavaScript">内の関数を実行してWeb内容を更新したいです。 あるサイトをスクレイピングしているのですが、自分がほしいデータはhtmlの埋め込み関数がボタンが押されることによって更新されます。 なので、外からその関数を実行してやればほしいデータが手に入るのでは?と思い、質問させていただきました。 pythonになれているのでできればpythonでどのようにすればいいのか教えていただきたいです。 しかし、その他の言語でも全く構いません。 どなたか教えていただけないでしょうか。 下の例で言うと、ボタンを押すとvalueが表示される。このvalueを取得したい。 -------htmlのイメージ------ <html> <head> <script language="JavaScript"> <!-- value = 0; function exec() { value++; document.getElementById("value").innerHTML='<font><B>’ + value + '</B></font>'; } --> </script> </head> <body> <input onclick="JavaScript:exec()" type="button" /> <div id="value"><!-- execを実行するとここにfont・Bタグが入る その中のvalueを受け取りたい--> </div> </body> </html>
質問日時: 2019/08/10 15:59 質問者: taku-9023.ham
ベストアンサー
2
0
-
URLパラメーター
URLパラメーターで情報が渡せることを知りました。 それならと思い例しに、 xxxx.html?nm=2の如くに、 数字を渡し、それを表示するHTMLを書いてみようと思いましたが、 サイトを見てみるとjavascriptなど、 やったことがないテクニックが出てきました。 私は参考サイトを見ながらならHTMLが書けるレベルです。 このレベルでも分かるような参考サイトを教えて下さい。 なお、これ以外でも、 数字を渡してそれに合わせた内容を表示出来るようなテクニックがあれば教えて下さい。 宜しくお願いします。
質問日時: 2019/08/09 07:29 質問者: nagahaha
ベストアンサー
2
1
-
HTMLのコードに、コメント入れすぎはダメですか?
初心者なのに、会社でweb更新を任されました。 どうにか一仕事は終えましたが、人様が書いたコードはわかりづらく大変でした。 F12キーを押して管理者画面に色をつけて、該当画面を探して、どのような設定がされてるのか確認しながら作業するも、基本的にコードは文字の羅列です。 〈div〉が何度出てきたことか!classやidがいくつ設定されてんだ!等々、正直まだ解決できてないことがたくさんあります。 私の方でも新しくページを作ったのですが、どうせならこのページのコードに、コメントアウトをたくさん入れたら見づらいでしょうか? 理由は、誰が見てもわかりやすくするためです。 しかし、コメントアウトをたくさん入れたら、他の部分は触ってないはずなのに、表示ズレを起こしました。 コメントアウトがコード上の他のパーツに影響を与えることってないですよね?
質問日時: 2019/08/06 12:49 質問者: inspi
解決済
2
0
-
CSSでbodyの背景に自作SVGのフィルターを適用させる
CSSでbodyの背景に自作SVGのフィルターを適用させるにはどうしたら良いでしょうか? 出来れば、そのSVGを50%ほど透過したいのですが、それも併せて書いて頂けるとありがたいです。 検索しても海外サイトばかりで困っております・・・・
質問日時: 2019/08/06 10:01 質問者: hgdjl0jklh
解決済
1
0
-
Geo Recorder
Geo Recorder 携帯をタップしたときその位置の緯度・経度、そこから離れたところで再度タップすると、2点間の距離も、更に点を増やすと、面積も求まる便利ものです。 ここで教えてもらい、計測までは出来るようになりましたが、この計測結果を、Excelに取り込む方法が分かりません。 ここで、optionとして、Continue recording、Share、Cancel の3つの選択肢があります。 この内、Shareを選ぶとホーム画面に戻ってしまいます。 help画面も問い合わせ先も見つかりません。 よろしくお願いします。
質問日時: 2019/08/04 23:31 質問者: aerio
ベストアンサー
2
0
-
【wordpress】【HTML】特定の記事だけリンクが働かない
お世話になります。 特定の記事だけ<a href=""></a>でくくったリンクが働きません。 結果は Not foundとなります。(添付のエラー) このリンクをほかの記事や、新規投稿にコピペすると働きます。 こういったことははじめてなのですが、どんなことが理由として考えられますでしょうか? 調べてもさっぱりわからないので質問させていただきました。
質問日時: 2019/08/03 08:04 質問者: kumanokokumanoko
解決済
1
0
-
HTML:utf-8とUnicodeとどちらで保存すべきか
会社のwebサイト更新を任されたものです。 万が一失敗したら怖いので、更新前に、コードを丸々コピーし、メモ帳に貼り付けて保存し、その上で編集しています。 メモ帳を「名前をつけて保存」する際、保存ボタンの脇に「文字コード」なるものを選択できるボタンがあります。 デフォルトは「ANSI」というものになっており、このまま何も手を加えず保存しようとすると、下記のようなエラーメッセージが出ます (※それでも保存はできます)。 ----------------------------------------------------------------------- このファイルは、ANSIテキストファイルとして保存すると失われてしまうUnicode形式の文字を含んでいます。 Unicodeの情報を保存するには、文字コードから「Unicode」を選択してください。 ----------------------------------------------------------------------- しかし、コード上に設定しているのは<meta charset="utf-8">です。 エラーメッセージが、「文字コードから「utf-8」を選択してください。」と出ないのはどうしてでしょうか? ネットでいろいろ調べたところ、Unicodeは文字集というもので、utf-8はその文字集を数字化する一つの方法だということはわかりました。 メモ帳を保存する際に、どちらを選んで保存すべきでしょうか? 今までは、メモ帳を保存する際、エラーメッセージに従ってUnicodeで保存をしていました。 が、メモ帳に保存したコードを再度貼り付けし直すと、画像のサイズが変わっていたり行間がずれていたり、何かがおかしいんです。 保存する形式の問題なのかと、ふと思いました。
質問日時: 2019/08/02 13:05 質問者: inspi
解決済
4
0
-
HTML:同じページなのに、1列あたりの文字数が違うのはどうしてですか?
教えてください。 <p>あいうえおかきくけこさしすせそたちつてと</p> <p>あいうえおかきくけこさしすせそたちつてと</p> というコードを書きました。表示をさせると、なぜか ---------------------------------------------- あいうえおかきくけこさしすせそたちつてと あいうえおかきくけこさしすせ そたちつてと ---------------------------------------------- のように、同じページ内で、文字の大きさを変えたわけでも、使ったタグを変えているわけでもないのに、1列あたりの文字数が違い、勝手に改行される現象が起きてしまいます。 これはなぜでしょうか? ちなみに、同じような見た目にしたいと思い、<br>を追加しました。 <p>あいうえおかきくけこさしすせ<br>そたちつてと</p> <p>あいうえおかきくけこさしすせそたちつてと</p> すると、こうなりました・・・ ---------------------------------------------- あいうえおかきくけこさしすせ そたちつてと あいうえおかきくけこさしすせ そたちつてと ---------------------------------------------- 要は、何もしていないのになぜか1文字目の文字が引っ込んだり、飛び出たり、文字列がバラバラで見た目が悪くなります。 原因や解決方法があれば教えてください。
質問日時: 2019/07/31 23:41 質問者: inspi
解決済
3
1
-
HTMLのクラス名はただの名前で、命令ではないですよね?
初心者なのに自社のサイト更新を任された者です。 教えてください。 ずばり、クラス名はクラス名だけであって、いくらクラス名を変えたからといって、「文字の太さを変える」とか、「ここで改行する」のような命令(=タグ?)にはなりませんよね? 今、商品ごとにタグを作り、そのタグをクリックすると、各商品の詳細ページが表示されるというコードを作成しています。 まず、3つのタグを作りました。 <civ class="tag"> <div class="tabItem" id="tab1-1"> <spam>商品1</span> <civ class="tag"> <div class="tabItem" id="tab1-2"> <spam>商品2</span> <civ class="tag"> <div class="tabItem" id="tab1-3"> <spam>商品3</span> これを作ったことで、1つのページに横並びで、「商品1」「2」「3」のタグが表示されました。 問題はこのあとです。それぞれのタグをクリックしたら表示される商品ごとの詳細ページを作成しようと、下記のようなコードを書きました。 <div class="parsys tabInPagePar1"> この、最後の「1」を「2」に変えたら("parsys tabInPagePar2")商品2へ、「3」に変えたら("parsys tabInPagePar3")商品3に飛べるようになりました。 ただ、これってあくまでも<div class>とあるように、"parsys tabInPagePar1"というのは、ただのクラスの名前です。<br>とか<a href>のようなタグではないのに、なぜ末尾の数字を1,2,3と変えるだけで、それぞれのタグの詳細を設定できるようになるのか謎です。 名前にそんな権力があるのでしょうか? 別ページのコードをコピペし、極力同じ作りの部分を壊さないようにして、テキストやリンク先だけ買えるようにしているので、コード全体のどこかで、きちんと設定がなされているのかもしれません。 とにかく今は、それぞれの詳細ページが作れるので、結果的にはラッキーなのですが、やはり仕組みをきちんと理解しないといけないと思っています 自分なりに調べましたがよくわからないので教えてください。
質問日時: 2019/07/31 07:32 質問者: inspi
解決済
2
0
-
webサイト制作が初めてです。この意味がわからないので教えてください。
web制作で『ワイヤーの域が脱していない』とはどうことなのでしょうか? 教えてください!
質問日時: 2019/07/29 08:50 質問者: リオンくん
解決済
3
0
-
タイトルをmouse overするとアイコンが現れてページの上に行くやつについて
こんばんわ github qiita で見かける タイトルをmouse overすると アイコンが現れてページの上に行くやつは なんというやつなのでしょうか? どうやって実装すればよいでしょうか? 例えば下記のサイトにようにです。 Markdown記法 チートシート https://qiita.com/Qiita/items/c686397e4a0f4f11683d GraphQL API v4 https://developer.github.com/v4/ ちなみに、ブラウザーは chrome の 最新版です。
質問日時: 2019/07/28 22:22 質問者: JosephWalden
ベストアンサー
2
0
-
CSSのtext-align:centerはブロックレベル要素にも効きますよね?
css初心者です。 教材によると、text-align:centerは、 「中央寄せしたい要素がインライン要素であること。」が効く条件のようですが、 実際、中央寄せしたい要素が「h1」や「p」タグ等のブロックレベル要素でも効きますよね? となると、「中央寄せしたい要素がインライン要素であること。」…これは誤りですか?
質問日時: 2019/07/25 19:59 質問者: J-009
ベストアンサー
2
0
-
a要素の色を複数使い分ける方法
一つのページ内に、2種類以上のa要素を設定することはできますか? ページ内に、他のページにリンクするa要素と ページ内のセクションにリンクするa要素があって、それぞれの 色を変えたいのですが、 html <a class="color1" href=・・・> <a class="color2" href=・・・> css a:link{ font-weight:bold; } .color1{ color:#fff; } .color2{ color:#000; } これではだめでした。 どうすれば、色を変えれるのでしょうか? どなたか、教えてください。よろしくお願いします。
質問日時: 2019/07/25 09:48 質問者: kyouko
解決済
4
0
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
【HTML・CSS】に関するコラム/記事
-
タスク管理を使いこなして仕事がデキる人へ!タスク管理術を使えば生活にも応用可能!
やるべきことを整理し実行する「タスク管理」。仕事や勉強を効率的に進めるために有効な手法である。「仕事ができる人」は「タスク管理ができる人」というイメージを持つ人も少なくないだろう。「教えて!goo」には、...
-
イチゴの品種はどうしてこんなに多いの?海外では野菜としてサラダに使われることも!
冬から春にかけて、スーパーや青果店に様々な種類が並ぶイチゴ。以前に比べて生産される期間が長くなったのでは、と感じている人はいないだろうか。実際、継続的に品種改良が行われており、生産時期や味が多様化して...
-
メダロット:第241話「Vol.241※期間限定公開」
天才メダロッター六葉カガミの戦いを描く「メダロット再~リローデッド~」(漫画:伯林、監修:イマジニア)、20周年を迎えた『メダロット』が新たなストリーでココに再起動!!★全話無料で読める、週刊メダロット通信...
-
賃貸で可能な古民家風レトロな部屋作りのコツ!改めて知る畳の高い機能性と魅力も紹介
生活スタイルが欧米化している昨今、和室よりも洋室の人気が高く、畳の需要が減ってきている。和風の民家が洋風にリノベーションされ売りに出されているのを目にしたことがある人も多いだろう。実際「教えて!goo」に...
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Chromeのパスワードマネージャーで...
-
htmlの文字が縦書きになる
-
テーブルの行を折りたたみたいので...
-
<!DOCTYPE html>あってますか?スペ...
-
画像が分割されて切り替わる、ルー...
-
HTMLで特定の文字だけ色を変えたい...
-
<input>のstep属性に違反する入力を...
-
htmlです3段組みわかりません こん...
-
<!DOCTYPE html>あってますか?スペ...
-
goo は、放置?
-
トリミングで表示した画像をクリッ...
-
HPに文章で改行はすべてBRタグとか...
-
ホームページにブログ記事をサムネ...
-
ただいま勉強始めたての初心者です...
-
Duolingo のソースコードの名前、教...
-
Webページのリンクの貼り方を教えて...
-
img と p を縦中央に配置したいので...
-
、URL化させるにはどうしたらいいで...
-
初心者html・CSS ウィンドウを縮小...
-
css初心者 フレックスボックスの適...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
テーブルのセルデータを自動改行さ...
-
goo は、放置?
-
htmlソース文の 各行 改行位置や行...
-
1つの「ホームページビルダー22」...
-
HPレイアウトが同じページのヘッダ...
-
CSS、Bootstrapについて container...
-
CSSについて教えてください。 こち...
-
静止画画像をクリックすると音楽が...
-
、URL化させるにはどうしたらいいで...
-
テーブルの行を折りたたみたいので...
-
css初心者 フレックスボックスの適...
-
WEBページを強制的に横画面で見るよ...
-
Webページのリンクの貼り方を教えて...
-
Duolingo のソースコードの名前、教...
-
メモ帳の段落の揃え方
-
スマホ(android)のタッチパネル、...
-
コードを書いて下さい( ; ; )写真...
-
HTMLで画像をポップアップで表示す...
-
角丸画像の背景色を透明にしたいです
おすすめ情報