HTML・CSS(18ページ目)

仕事やプライベートで自分でホームページを作成したいと考えた方。初心者でもわかるHTML・CSSの基本についての本やサイトを教えてほしい、ブロックレベル要素について教えてほしい等こちらに投稿して聞いてみましょう。

回答数

気になる

何故<ul><li>はセットで、箇条書きで・がつくのでは？

題の続きです。プログラムは以下ですが、表示はが　Leaf Flower Disney's と横並びとなります。添付画像を参考されてください。あるＨＴＭＬの参考書には古いのですが！・　Leaf ・　Flower ・ Disney's 　となるようには書いてあります。しかし実際は、程よい、横並びとなります。何故横並びになるのですか？よろしくお願いします。 <nav> <ul class="global-nav"> <li><a href="portfolio.html">Leaf</a></li> <li><a href="about.html">Flower</a></li> <li><a href="">Disney's</a></li> </ul> </nav> 以下は全体のプログラムの確認ができます。 http://afurieitohannei.la.coocan.jp/NSN/yoko.htm

質問日時: 2019/11/20 17:46 質問者: Campus2

ベストアンサー

1

0
リンク文字同士の間隔を開けるには？

皆様のご協力より、やっと以下のプログラムを作成することができました。少しづず理想に近づけたいと思います。さて、以下のプログラムですが、リンクの文字同士が LeafFlowerDisney'sと表示され、間隔がほとんどありません！リンク文字同士の間隔を開けるには、どんなプログラムを組めばいいでしょうか？よろしくお願いいたします。 <center> <ul class="global-nav" style="font-size:40px;"> <a href="portfolio.html">Leaf</a> <li><a href="about.html">Flower</a> <li><a href="portfolio.html">Disney's</a> </ul> </center>

質問日時: 2019/11/20 07:07 質問者: Campus2

ベストアンサー

5

0
文字をいっぺんに大きくなりませんか？

以下のプログラムですが Leaf Flower Disney's の文字が小さいので２倍～３倍になるにはどうしたいいでしょうか？よろしくお願いいたします。 <center> <ul class="global-nav"> <li><a href="portfolio.html">Leaf</a></li> <li><a href="about.html">Flower</a></li> <li><a href="">Disney's</a></li> </center>

質問日時: 2019/11/19 15:50 質問者: Campus2

ベストアンサー

5

0
数日勉強してみましたが、時間がかかりそうです。

現在、レスポンシブ関連の著書を参考に、アート集を作成しています。著書のプログラムは、私のパソコンの画面だと１２枚の写真がいっぺんに見れます。しかし、作成している、写真のはアート関連で画質を落としたくないので、現行のままの画質で著書の通りプログラムにセットしたところ、著書の写真に比べて、1.5倍ほどしかないのに、馬鹿でかくなり画面に１枚しか見れません。レスポンシブは、css、とhtmlのコラボで作成が基本だそうで、画像に手を入れる場合は、cssに画像プログラムを設定しないといけないと、ご回答をいただきました。　それで、現行のページの同じ機能を保ちながら、画像プログラムをcssにシフトしようと数日費やしましたが、いつになるか分かりませんでしたので、質問しました。　プログラムは以下です。 1) html側　　http://afurieitohannei.la.coocan.jp/photograph/SNShtml.htm 以下はプログラムの抜粋です。 <section id="city"> <h2 class="icon">City</h2> <ul class="clearfix photograph-list"> <li><img src="images/photograph-city-01.png" alt="駅への階段"></li> <li><img src="images/photograph-city-02.png" alt="自転車とシャッター"></li> <li><img src="images/photograph-city-03.png" alt="スケートパーク"></li> <li><img src="images/photograph-city-04.png" alt="エアポート"></li> <li><img src="images/photograph-city-05.png" alt="雑貨を扱う店舗"></li> <li><img src="images/photograph-city-06.png" alt="ストリートバスケ"></li> </ul> </section> 　以上プログラムを、ページの機能はそのままで、cssにシフトした場合どんなプログラムになるのでしょうか？　css側のプログラムは以下で、IDはphotograph です。　２）　http://afurieitohannei.la.coocan.jp/photograph/SNScss.htm 大変そうですが！　以上よろしくお願いいたします。

質問日時: 2019/11/16 22:02 質問者: Campus2

ベストアンサー

3

0
ホームページビルダーで転送ができない

ホームページ18を使用しています。以前は順調に動作していましたが、最近次のような現象が出てサーバーに転送ができません。編集したファイル index.htmを呼び出して、サイト～ページ転送～転送対象・すべて選択～転送すると D:\mydocument\HP1masaの山歩き\table.css が見つかりません。とメッセージが出るそのまま転送をクリックして転送を開始しても、実際は新しいページは転送されていない。 table.css とは何なのか? index は topとmenuというファイルで構成されています。以上のようです、どなたかアドバイス頂きたくよろしくお願いします。

質問日時: 2019/11/13 17:44 質問者: masanoyama

解決済

1

0
【HTML/CSS】サイトに埋め込みたい画像のコードについて

素人なのに、会社のサイトの運用を任されました。仕事が終わっては勉強に励んでいる日々ですが、まだまだわからないことだらけなので教えてください。ある画像を新しくサイトに表示したくいので、元々表示されている画像のコードを、会社で使っているCMS編集画面で確認をしました。質問はその参考にした画像についてです。質問：同じ画像なのに、違う表現をすることってあるんですか？何が言いたいかというと、例えば同じ画像なのに、コード上はこのような表記になっています。 --------------------------------------------------------------------------------------------------- <img src ="/contents/gazou/tag/tagpar/fueagfy4/faeuiy7/18274057261.jpg"/> ~~~(中略) <script/ >(中略)"/contents/gazou/tukue.jpg"/> --------------------------------------------------------------------------------------------------- ここでいう、「18274057261.jpg」と「tukue.jpg」は、同じものを指します。「18274057261.jpg」と「tukue.jpg」という、2枚の別々の画像ではなく、どちらも同じ画像を示しているんです。しかし、上記の通り、画像保存先(パス？）も違えば、ファイル名も全然違います。特に、「18274057261.jpg」の方のパスは、その保存先も、数字が羅列されたファイル名も不明です。 ※tukue.jpgは、恐らく前任者が自分で名付けて保存したものだと思いますが。更に謎なのが、パスやファイル名の一部を入れて画像検索をしても、「18274057261.jpg」は出てきません。パスの一部に「tag」とあるので、タグに関わる何かかと思い、その付近をF12の管理者画面で調べてみるも、全然わかりませんでした。同じページ上で、「机」「椅子」「ランプ」などのボタンをクリックすると、画面遷移はせず、同じページ内で、机の詳細情報が出たり、ランプの詳細情報が出たり、切り替わるようにしています。「18274057261.jpg」は、おそらく、机タグに紐づいたものとして登録されているんだと思います。椅子、ランプについても、同様に数字の羅列のjpgと、前任が保存したと思われる、わかりやすい名前のjpgの記載があったからです。脱線して申し訳ありません。とにかく、同じ画像なのに、コード上で2つの表現の仕方をすることがあるのか？それが疑問です。また、仮にそんなことがあったとしても、数字の羅列に関しては、わざわざこんな名前をつけるとも考えにくいし、何のためのパスなのか、ファイルなのかわからず、新しい画像をどう設定しようか悩んでいます長くなりましたがご教示よろしくお願いいたします。

質問日時: 2019/11/13 07:29 質問者: jamfruits

解決済

2

0
画像がかなり大ので全体的に1/６ぐらいに、小さくしたいです。

プログラムは以下です。プログラムの構成ですが！ HTMLとCSSのコラボで動いています。質問したプログラムはHTMLです。 <section id="city"> <h2 class="icon">City</h2> <ul class="clearfix photograph-list"> <li><img src="images/Disney's/14380.jpg" alt="駅への階段"></li> <li><img src="images/Disney's/14379.jpg" alt="自転車とシャッター"></li> <li><img src="images/Disney's/14378.jpg" alt="スケートパーク"></li> <li><img src="images/Disney's/14377.jpg" alt="エアポート"></li> <li><img src="images/Disney's/14376.jpg" alt="雑貨を扱う店舗"></li> <li><img src="images/Disney's/14375.jpg" alt="ストリートバスケ"></li> </ul> </section> 以上画像ですがＨＴＭＬ側～画像縮小を試みる場合個々に縮小指定するのではなくて、全体に一つの一連のプログラムで、縮小指定ができるような？気がします。この場合ですが、HTMLとCSSと、両方から画像の縮小ができると思います。 CSS側から行ったほうが、全体的になプログラムの構成がスマートとにできような気がします。いかがなものでしょうか？今回初めて、CSSに挑戦しています。よろしくお願いいたします。

質問日時: 2019/11/09 06:44 質問者: Campus2

ベストアンサー

1

0
CSSコードの質問です。画像の問題が理解できません。解説をお願いします。答え:420px 全て

CSSコードの質問です。画像の問題が理解できません。解説をお願いします。答え:420px 全て足して360pxでは無いのでしょうか？

質問日時: 2019/11/08 03:14 質問者: ことことこ

ベストアンサー

2

0
CSSでの動画のマスク処理

CSSで動画のマスク処理を考えています。具体的には https://www.rondomark.jp/ のように背景のブロックがあり、その中にdivで括った動画をvideoタグで読み込み、それを CSSでマスク処理をするということを考えていますが、 Chromeはローカルでも動作し、FireFoxはサーバに乗せたら動いたのですが、 Edgeは一部挙動がおかしいところはありますが、調整はできそうです。 IE11が上手くいかず教えていただければ幸いです。下記のようなコードで試しています。【HTML】 <div class="main"> <div class="video_box"> <video class="movie video active" loop="" preload="true" autoplay="autoplay" muted="muted" playsinline="" webkit-playsinline="" width="xxx" height="xxx" src="xxx.mp4"></video> </div> </div> 【CSS】 .main{ width: xxxpx; height: xxxpx; background: url(xxx.jpg) no-repeat center center; } .video { -webkit-mask-image:url(xxx.svg); mask-image: url(xxx.svg); mask-mode: alpha; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position:left top; mask-position:left top; -webkit-mask-size: contain; mask-size: contain; position: absolute; }

質問日時: 2019/10/31 22:02 質問者: fukutsuouji

ベストアンサー

1

1
ＨＴＭＬ・ＣＳＳ・ＰＨＰを使えば作れる既存のサイトをできるだけ多く教えてください。

ＨＴＭＬ・ＣＳＳ・ＰＨＰを使えば作れる既存のサイトをできるだけ多く教えてください。この3つ言語の基本的なことは習ったのですが、サイトを作る能力を上げるために、実際にＤＲＥＡＭＷＥＡＶＥＲＣＳ5を使ってサイトをどんどん作ってみてレベルを上げたいと思っています。この3つの言語で作れそうな既存のサイトを、できるだけ多く教えていただきたいです。教えていただいた既存のサイトをまねて作ってみて、自分のレベルを上げて、オリジナルのサイトに生かしたいと思っています。自分の今の技術で作れそうな既存のサイトを多く教えてもらえば、オリジナルサイトの作成の参考にもなるためです。できるだけ多く知りたいので、１人10個程度教えて頂けるととてもありがたいです。ご回答よろしくお願いします。

質問日時: 2019/10/31 11:00 質問者: greenwoodmas

ベストアンサー

3

0
言語はhtml ですが、画像を中央寄せにしたい。

著書とネットでも調べましたが分かりませんでした。私がわかる範囲で以下としました。 <li><img src="images/leaf/14366.jpg"style="width:80%""center" alt="枯葉>"</li> 　しかし、出来ません！？どうしたら画像が中央寄せになりますか？よろしくお願いいたします。

質問日時: 2019/10/30 07:22 質問者: Campus2

ベストアンサー

3

0
ネットショップで刻印入力ができるボタンは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　が想定した横幅２００に入らないのでこれを <img height="150" width="200" src="12005.jpg"> に変更してみました。すると、縦長の表示になってしまいました。もちろん、横幅指定で、 <img width="200" src="12005.jpg"> とすると入りますが、今度は、縦長の写真、例えば、12004.jpg の表示 <img width="200" src="12004.jpg"> が縦に広がってしまい、高さ１５０からはみ出てしまいます。で質問です１５０ｘ２００の中に収まるように縦横比を保って縮小表示させる（個別対応ではなく一般的な）方法を教えてください

質問日時: 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
HTML・CSSの記述について

HTML・CSSでこのような分け方をするにはどのようにすればいいのでしょうか？

質問日時: 2019/10/22 21:16 質問者: shun217

ベストアンサー

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
マウスＯＮでリンク文字色を変えたい

HPを上部、その下に左右２つの３フレームで構成しています。下の左のフレームにメニューを表示していますが幅に制限が有、メニュー幅に文字数が収まる様に越える分は下に<br>で下ろしています。下ろした文字を右にずらすのに、スペースを使っており、このスペースにアンダーラインが表示されます。（文字にはリンクを付けてアンダーラインを入れています。）これを消す方法はなさそうなので、アンダーラインを使わずにマウスを載せると、文字の色が変る方法を検討しています。例 <A href="Grindelwald/Grindelwald/Grindelwald1.html" target="right"><font color="#ff0000" size=4 face="ＭＳ明朝"><b>シャモニー(EXCELSIOR.H)</b></font></A><br> （複数有り、文字色は変えてあります）と言う記述に対して、ＮＥＴ情報より得た下記を反映させたいのですが・・ <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を上部、その下に左右の３フレームにしてあり、下の左の表示をメニューの様にしています。そのメニュー幅に文字数が収まらないので、下に<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">ページ１</a></li> <li><a href="page2.html">ページ２</a></li> <li><a href="page3.html">ページ３</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">  </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">  </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">  </style> dataの横並びは「display: flex;」でできるかと思いますが titleを含めた場合どうすればcssのflexで表現できますか？

質問日時: 2019/09/19 18:25 質問者: JosephWalden

ベストアンサー

1

0
アンケートのＷＥＢページ、スマホから送信できないトラブル

アンケートのＷＥＢページ作りました。ＰＣからは「送信」ボタンを押すと、指定したアドレスへアンケート回答のメールが送信されますが、スマホからは「送信」ボタン押しても送信されません。どうやったら、スマホでも送信できるようなりますか？ＨＴＭＬファイルの当該部分は、以下の通りです <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>  <p><label>削除する郵便番号を入力してください:<input type="text" name="text1"></label></p> <button type="submit" name="button" onClick="kakunin()">削除</button>  <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">  </script> </head> <body> <input onclick="JavaScript:exec()" type="button" /> <div id="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

【プログラミング・Web制作】に関するカテゴリ

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

質問する（無料）

【HTML・CSS】に関するコラム/記事

弁護士が解説！あなたの声を行政に届ける「パブリックコメント」制度のすべて

社会に対する意見や不満、疑問。それを発信する場所は、SNSやブログ、そしてニュースサイトのコメント欄など多岐にわたる。教えて!gooでも「ヤフコメ民について」というタイトルのトピックがあり、この投稿の通り、...
弁護士が語る「合法と違法を分けるオンラインカジノのシンプルな線引き」

「お金を賭けたら違法です」ーーこう答えたのは富士見坂法律事務所の井上義之弁護士。オンラインカジノが違法となるかどうかの基準は、このように非常にシンプルである。しかし2025年にはいって、違法賭博事件が相次...
釣りと密漁の違いは？知らなかったでは済まされない？事前にできることは？

知らなかったでは済まされないのが法律の世界であるが、全てを知ってから何かをするには少々手間がかかるし、最悪始めることすらできずに終わってしまうこともあり得る。教えてgooでも「釣りと密漁の境目はどこです...
カスハラとクレームの違いは？カスハラの法的責任は？企業がとるべき対応は？

東京都が、客からの迷惑行為などを称した「カスタマーハラスメント」、いわゆる「カスハラ」の防止を目的とした条例を、全国で初めて成立させた。条例に罰則はなく、2025年4月1日から施行される。この動きは自治体...