HTML・CSS(20ページ目)

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

回答数

気になる

inputのフィールドのデフォルト文字をドラッグ（選択）した状態で表示したい

社内でブラウザを使ったイントラネット（グループウェアもどき）を開発しています。ある入力フィールドに「value=」で初期値を表示しているのですが、ドラッグ（選択して反転）した状態での表示は可能なのでしょうか？ web上では実現しているサイトも多いので可能なのだとは思っていますが…。これは、ユーザが初期値と異なるものを入力したいときに、すぐに上書きできることと、Deleteボタンひとつで消去できること、これらの実現依頼をされているものでして、 web上でいろいろ調べても、どうにも行き詰ってしまいました。お知恵の拝借をよろしくお願いいたします。ブラウザはIEを使用しており、クローズしたネットワーク内のイントラネットですので他のブラウザを使用することはありません。

質問日時: 2019/05/20 09:53 質問者: MIHO0821

ベストアンサー

1

0
スマホンでも、閲覧容易なブログを作成するにあたり！

以前使用していたHTMLの著書が古すぎです。現在のブラウザに対応していませんでしたので間違えて[Webデザインの新しい教科書改訂新版基礎から覚える、深く理解できる。〈HTML5、CSS3、レスポンシブWebデザイン〉単行本 – 2016/2/2] https://www.amazon.co.jp/Web%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%AE%E6%96%B0%E3%81%97%E3%81%84%E6%95%99%E7%A7%91%E6%9B%B8-%E6%94%B9%E8%A8%82%E6%96%B0%E7%89%88-%E5%9F%BA%E7%A4%8E%E3%81%8B%E3%82%89%E8%A6%9A%E3%81%88%E3%82%8B%E3%80%81%E6%B7%B1%E3%81%8F%E7%90%86%E8%A7%A3%E3%81%A7%E3%81%8D%E3%82%8B%E3%80%82%E3%80%88HTML5%E3%80%81CSS3%E3%80%81%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B7%E3%83%96Web%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%80%89-%E3%81%93%E3%82%82%E3%82%8A%E3%81%BE%E3%81%95%E3%81%82%E3%81%8D/dp/4844365630/ref=sr_1_1?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&keywords=Web%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%AE%E6%96%B0%E3%81%97%E3%81%84%E6%95%99%E7%A7%91%E6%9B%B8&qid=1558251235&s=books&sr=1-1 を購入してしまいました。ところが、これって！作りながら学べる著書ではありませんでした。恐らく。ホームページを作る人が、参考書にする著書ではないでしょうか？それで、サンプルリストである、実際にプログラムを入力しながら学べる著書を探しています。アマゾンの☆の評価だけではいまいちわかりません？　何かおすすめの著書はないでしょうか？よろしくお願いいたします。

質問日時: 2019/05/19 16:44 質問者: Campus2

ベストアンサー

2

0
HTMLで、画像の横比率が変えられません。

HTMLで画像のスライドと説明文をつけたのですが、横比率が画面一杯一杯になってしまい、Widthを変えても小さくなってくれません。どうしたら変えることができますか？画像一枚一枚のタグはこちらです。 <img src="1.jpg" width="140" height="auto" alt="画像"> どこか間違っていましたらご教授願います。回答お待ちしております。よろしくお願いします。

質問日時: 2019/05/15 12:58 質問者: caramelcity

解決済

3

0
webデザイン文章が右に回り込みません

画像を左に、文字列を右に配置したいのですが、floatを使ってもどうしても回り込みません。いろいろ調べてやってみましたが全然効きません。わかる方いらっしゃいますか？以下ソースです html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>タイトル</title></head> <body> <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet"> <link href="＃" rel="stylesheet"> <div class="logo" margin="200"> <header><h1> <a href="リンク"><img src="＃" alt="＃" width="300" class="logo"> </a></h1> </header> </div> <body id="info"> <body id="info"> <div id="wrap"> <div class="main-center"> <div　class="profile-photo"> <section class="profile clearfix"> <img src="＃" width="400px" alt="＃" class="profile-image"> </section></div> <div class="profile-txt"> <img src="name.png"　width="200" alt="なかやまぽむ" class="name-image"><br><br><p>文</p> </div> </div></div> </body></body></body> </html> _______________________________________________________________________________ css @charset "utf-8"; body { font-family: 'Lato', sans-serif; margin: 0; padding: 80px 80px; background-color: #ffffff; color: #e3ddd8; font-size: 15px; line-height: 1.75; background-image: url(./bg.png); background-repeat: repeat; background-position: center center; } head { width: 900px; } header { width: 300; } img { vertical-align: bottom; } p,h1,h2,h3,h4,h5,h6 { font-family: 'Lato', sans-serif; color: #eddbbd; margin-top: 0; } #wrap { padding: 50px 50px; width: 870px; background-color: #ffffff; margin: 0 auto; } .profile-txt { float:right; } .main-center { width: 870px; margin: 0 auto; }

質問日時: 2019/05/13 19:03 質問者: pome-0101

解決済

1

0
HTML、CSS、テキストの上下の不明な余白について

以下のコードですが、テキストの上下に余白が出来てしまいます。 Chrome で見ても要素にマージンもパディングも無いのですが、、、。フォントの余白かと思ったのですが、h1 自体が余白を持っているような気がします。余白をなくしたいのですが、どのようにすれば良いでしょうか ? どうぞ、宜しくお願いいたします。 (HTML) <!DOCTYPE html> <html lang="ja"> <head> <meta http-equiv="content-language" content="ja"> <meta charset="UTF-8"> </head> <body> <header> <h1>ダミーテキスト</h1> </header> </body> </html> (CSS) body, h1, h2 { margin: 0; } header { background-color: rgba(182, 80, 119, 1); } header h1 { color :#ffffff; font-size: 4rem; }

質問日時: 2019/05/06 19:38 質問者: nraxis

ベストアンサー

2

0
【sass(scss)】mixinを使用するとcssファイルでのDRY性は失われませんか？

何か解決方法がある書き方があるのでしょうか？

質問日時: 2019/05/04 13:45 質問者: kzn3

解決済

1

0
【Sass(scss)】ネストの有用性を教えてください。

ネストを使うメリットが思い浮かびません。どなたかご教授お願いします。

質問日時: 2019/05/04 12:01 質問者: kzn3

解決済

2

0
Web系のプログラミングを始めてみたいのですが、言語は何から始めたらいいですか?? とあるYouTu

Web系のプログラミングを始めてみたいのですが、言語は何から始めたらいいですか?? とあるYouTuberの方は『HTML』『CSS』『JavaScript』『jQuery』『PHP』がいいと言っていたのですが、Web系のプログラミングをするにあたってコレは覚えた方がいいって言う言語を1位〇〇 2位〇〇 3位〇〇みたいな感じでランキングにしてください!!

質問日時: 2019/04/25 00:43 質問者: 蒼武

解決済

3

0
amebaブログのページ内ジャンプのhtml記述について

<p><a herf="#8888">てててて</a></p> <p><a id="8888">ここ</a></p> HTML表示で上記のように記述しました。そして、通常表示に戻り、「てててて」をクリックすると変更　削除　というボタンが現れてしまいます。どこが間違っているのでしょうか？ HTML記述するためには何か設定でもあるのでしょうか？全くの素人ですので、よろしくお願いします。

質問日時: 2019/04/23 16:56 質問者: teuti-udon

ベストアンサー

1

0
このtableの幅を均等に分けることはできないでしょうか？

tableのthやtdの幅が偏ってしまいます。ブラウザを広げたり縮めたりする際に、それぞれのthがtd均等とだけいうか平等に可変することはできないのでしょうか？以下のHTMLを見て頂けないでしょうか？一番最初のthやtdだけやたら幅が広くなります。こういった表示でthやtdを均等に広げたり縮めたりしたいです。アドバイスをお願いいたします。>< <html> <head> <style> table,td,th {border:1px solid #000;width:100%;} </style> </head> <table> <tr> <th>No.</th> <th>項目名</th> <th>No.</th> <th>項目名</th> <th>No.</th> <th>項目名</th> </tr> <tr> <td>ああああああ</td> <td>いいいいい</td> <td>ううう</td> <td>ええええ</td> <td>おおおおお</td> <td>んんんんんんんん</td> </tr> </table> </html>

質問日時: 2019/04/19 17:35 質問者: yuyukina

解決済

2

0
[css]tableのtr、10行ごとに背景色をつける方法

特定クラスのtrだけを数えて10行ごとに背景色をつけたいのですが、思ったような結果にならず悩んでいます。 <table>タグの<tbody>内に、 ①<tr class="pickup">②<tr class="number">③<tr class="list"> という3種類のクラス名をつけた<tr>があります。ーーーーーーーーーー 1行目：<tr class="pickup">○○</tr> 2行目：<tr class="pickup">○○</tr> 3行目：<tr class="pickup">○○</tr> 4行目：<tr class="pickup">○○</tr> 5行目：<tr class="pickup">○○</tr> 6行目：<tr class="pickup">○○</tr> 7行目：<tr class="pickup">○○</tr> 8行目：<tr class="pickup">○○</tr> 9行目：<tr class="number">○○</tr> 10行目：<tr class="list">○○</tr> 11行目：<tr class="list">○○</tr> 12行目：<tr class="list">○○</tr> 13行目：<tr class="list">○○</tr> 14行目：<tr class="list">○○</tr> 15行目：<tr class="list">○○</tr> 16行目：<tr class="list">○○</tr> 17行目：<tr class="list">○○</tr> 18行目：<tr class="list">○○</tr> 19行目：<tr class="list">○○</tr> 20行目：<tr class="list">○○</tr> ・・・ーーーーーーーーーー 1行目から9行目の<tr class="pickup">や<tr class="number">はカウントせず、10行目の<tr class="list">から数えて10行目ごとに（最初は19行目）に色をつけたいのですが、cssで #list-table tbody .list:nth-of-type(10n){ background-color: #F6F4F4; } と設定すると10行目に背景色がついてしまい、19行目にはつきません。 class="list"だけをカウントし、10行ごとに背景色をつけるにはどのように設定するのでしょうか？ 20行目以降にもclass="pickup"やclass="number"を設定したtrが所々に入っています。それはとばしてclass="list"だけ10行ごとに背景色を設定したいです。質問の仕方が下手で申し訳ありません。 cssの設定方法などご教授をおねがいします。

質問日時: 2019/04/19 15:44 質問者: tamono44

ベストアンサー

2

0
iPhone用サイトの作り方(初歩の初歩)

iPhoneからアクセスした時、 2本指で拡大とかできないように制御し、縦スクロールしかできないWEBページを作る場合、どういう事をすれば良いですか？参考サイトやHTML記述例を教えてください。

質問日時: 2019/04/19 00:33 質問者: tanapyondai

解決済

2

0
Adobe Dreamweaver（アドビドリームウィーバー）について質問です。詳しい方教えて

Adobe Dreamweaver（アドビドリームウィーバー）について質問です。詳しい方教えてください。 ①青い部分のバーの幅が、画面全体を占領しておりとても邪魔くさいです。色々いじっていたとき、一瞬だけ半分の大きさになったのですがすぐ元に戻ってしまいました。（ ; ; ）わかる方教えてください。（たたみたい訳ではありません！） ②画面の右上の赤い矢印の部分に、『PUT』と『GET』をできるボタンを固定で表示したいのですが、やり方がわかりません。教えてください。よろしくお願いします！

質問日時: 2019/04/17 10:18 質問者: mynh1215

解決済

1

0
左フレーム出てくるのはなぜ？

以下の二分割のフレームですが、リンク文字をクリックすると右側にそのメニューが出るようなプログラムです。しかし、左側に出てきてしまい、著書に書かれているようになりません。なぜ右に出てこないのでしょうか？よろしくお願いいたします。 <HTML> <HEAD> <TITLE>May I'm sorry</TITLE> </HEAD> <FRAMESET cols="30%,*"> <FRAME src="menu.html" name="menu"> <FRAME src="index.html"name="contents"> </FRAMESET> </HTML>

質問日時: 2019/04/15 17:57 質問者: Campus2

ベストアンサー

2

0
excel使わせるがｄ／Ｌさせない。

無料のサイトスペースを借りています。そこに私が作ったexcelのツールをアップして関係者に使わせようと考えています。ただ、Ｄ／Ｌはさせたくありません。このようなことは可能でしょうか。可能なら方法を教えて下さい。 excelはexcel2003です。宜しくお願いします。

質問日時: 2019/04/12 20:31 質問者: nagahaha

ベストアンサー

2

0
html/css クラス名で略語は使いますか？

html/css クラス名で略語は使っていますか？例えば「text」なら「txt」などです。チーム内で命名規則のルールが決められているならいいと思いますが個人で外部クライアントから特に指示もない場合は略語を使うのはどうなのでしょうか

質問日時: 2019/04/11 14:51 質問者: kzn3

解決済

1

0
htmlでのクラス名はどのつけ方が多いですか？

htmlでのクラス名は「キャメルケース」「ケバブケース」「スネークケース」等の中だとどれが一般的に使われていますか？

質問日時: 2019/04/10 13:20 質問者: kzn3

解決済

1

0
画像の並べかたを知りたい

よく写真などが画像のような並びになっているサイトを見るのですが、どのように書いてこのような並びにしているのでしょうか？（列を均等に、画像は横に並べていきたい）

質問日時: 2019/04/06 14:30 質問者: 凛00

ベストアンサー

2

0
css設計 flocssで子孫セレクタはありですか？なしですか？

css設計の手段の一つflocssで子孫セレクタを使うのはありなのでしょうか？なしという認識でしたが、そんなルールないという人もいたので質問させて頂きました。

質問日時: 2019/04/06 11:16 質問者: kzn3

解決済

1

0
cssで画像とリンクを横並びにする方法を教えて下さいーーーーー ┃ ┃ ┃ ┃ リンク1 リンク2

cssで画像とリンクを横並びにする方法を教えて下さいーーーーー ┃ ┃ ┃ ┃ リンク1 リンク2 リンク3 ┃ ┃ ーーーーーの様な形です。リンク間の幅は20px、画像は120x120、リンクはul内のli、画像はaで呼んでます

質問日時: 2019/04/02 11:05 質問者: ___rt

解決済

2

0
プログラミング HTMLコーディング

HTML.cssその他のプログラムをかくときにモニターが複数あるメリットと使い道を教えてくださいそれとパソコンもデスクトップとラップトップあった方が便利ですか？

質問日時: 2019/03/31 18:58 質問者: ぐらぼー

解決済

1

0
html系「テキストを書いていない欄は表示させない」方法を教えてください

html系　「テキストを書いていない欄は表示させない」　方法を教えてくださいＵＲＬを見てください。　http://1.ribonsearch.xyz/question/78/ ①の画像。結果欄と雑談欄にそれぞれテスト1とテスト2と書き、投稿します。 ②の画像。投稿後は、結果欄と雑談欄は表示されますが、「理由」の欄までもが表示されます。この理由の欄を省きたいです。 ③の画像のようします。結果と雑談のそれぞれのテキストのみ表示させます。　　理由の欄は表示されていません。このように、「テキストを書いていないのは表示させない」ようにします。 ※注意ここでは、「理由」を表示させないと説明しましたが、機能的には「テキストを書いていない欄は表示させない」　システムの構築になります。例えば、結果と理由を書いた場合には、雑談は表示させないという意味になります。おねがいします

質問日時: 2019/03/31 15:51 質問者: godhappy

解決済

2

0
【html/css】%で横幅を指定し、縦幅も横幅と同じにしたいのですがどうしたらよいでしょうか？

%で横幅を指定し、縦幅も横幅と同じにしたいのですがどうしたらよいでしょうか？【html】 <div class="a"> <div class="b">りんご</div> <div class="b">ばなな</div> <div class="b">ぶどう</div> </div> 【css】 .a{ display:flex; width:800px} .b{ width:32% } .b+.b{ margin-left:2%; }

質問日時: 2019/03/26 14:26 質問者: kzn3

解決済

2

0
you tubeをcssで中央寄せする方法を教えてください。

自分でHPを作っていますが、youtubeを埋め込んだ後に中央寄せにする方法がわかりません。分かる方は教えていただけませんでしょうか。打ち込んでいるHTMLとCSSを貼っておきますので、間違いがあればそれも指摘していただけるとありがたいです。よろしくお願いいたします。 HTML ------------------------- <div class="a2 movie-wrap"><iframe width="560" height="315" src="https://www.youtube.com/embed/8QQafRn1NXc" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div> CSS ------------------------ .movie-wrap { margin:0 auto position: relative; padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/ height: 0; overflow: hidden; } .movie-wrap iframe { position: absolute; top: 0; left: 0; width:80%; height:100%; } ----------------------------- （divにmargin:0 auto;をかけても、iframeの方にtext-alignをかけても中央寄せになりません。）

質問日時: 2019/03/24 12:50 質問者: sy2319

ベストアンサー

2

0
jqueryのstickyプラグインを利用したら左による

初めて質問いたします。よろしくお願いします。ホームページを作っているのですが、そんなに詳しくないため、いろんなページを参考にしながら作成しています。その中で、画面をスクロールしてもメニューバーが固定されるというので、jqueryのstickyプラグインを利用してみました。そうしたところ、画面上部に固定はされるのですが、ウィンドウの左端に寄ってしまいました。ホームページ自体、ウィンドウの真ん中になるように作っており、大きいウィンドウのブラウザで見ると、左右に空欄が出来ます。その状態でメニューバーが固定されるとウィンドウの左端に寄ります。どこを直せば良いのか皆目見当もつかない状態です。ヒントでも良いので教えていただけたらと思います。宜しくお願いします。

質問日時: 2019/03/22 16:49 質問者: y_meguro

解決済

1

0
font-familyが継承されないのはなぜでしょうか。html5

bodyにfont-familyの指定をしているのですが下の要素にfont-familyが継承されていきません。なぜでしょうか？下のhtmlの<h2>今日の献立</h2>に適用させたいのですが、なぜでしょうか？【html】 <body> <main> <article> <h2>今日の献立</h2> <div> <div> </article> </main> </body>

質問日時: 2019/03/13 11:36 質問者: kzn3

解決済

1

0
( html) 位置指定方法を教えてください。

枠の集合体のサイトです。枠に文字を書きますが、常に変更されます。質問内容１、画像のようにhtmlで書いたら指定の場所へ表示させたいです。文字のみです。２、htmlへ書くときは分かりやすい順列させたいです。このＵＲＬです。（編集、更新機能は現在ついていますが排除させますのでここでは考えません。）ご存知の方、htmlを教えてください。お願いします

質問日時: 2019/03/13 09:11 質問者: godhappy

ベストアンサー

1

0
画像を形そのままで横に並べたい

画像を形そのままで並べたくてcolumn-countを使っているのですが、左の図のように並びます右の図のように並べる方法はありますか？

質問日時: 2019/03/12 12:46 質問者: 永月

ベストアンサー

3

0
クリックで画像を表示したい

クリックで画像を表示したいのですが、クリックした後の文字の消し方がわかりません。下記の記述を使えるようにしたいです。歪な書き方で申し訳ないのですがお願いします。 <div class="sample01" onclick="this.getElementsByTagName('img')[0].style.visibility='visible';"> <p>text</p> <img src="" alt="[画像]"> </div> .sample01{ background:#111; position: relative; overflow: hidden; margin: 0 auto; width: 300px; } .sample01 img{ visibility: hidden; width: 100%; height: 100%; } .sample01 p{ color:#fff; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); visibility:visible;}

質問日時: 2019/03/11 19:02 質問者: 永月

ベストアンサー

1

1
「クリックで画像を表示」のシステムが知りたい

クリックして画像を表示するシステムが知りたいです（画像左のように文字を乗せれると助かります） css、JavaScript問いません

質問日時: 2019/03/11 14:21 質問者: 永月

ベストアンサー

2

0
ローディング画面のナゾ

次のサイトの最初のロード画面でサイトロゴが一字づつ動いてるようなのですが、googleの検証機能を使ってみてもそういったコードの記述が見当たらない感じなんです。仕組みがわかる方がいましたら教えていただけたら幸いに思います。 URL:http://nonnontv.com/movie/

質問日時: 2019/03/11 12:30 質問者: boukensha

ベストアンサー

1

0
CSSのbody指定について（コーディング初心者です）

bodyにcssでlist-style-type:noneを指定した時に、コンテンツ内に記載したliの文字の頭の・が消えないのはなぜでしょう？＊で指定したら、もちろんちゃんと・は消えるのですが…なぜbody内にいるliには効かないのかがわかりません。。。

質問日時: 2019/03/09 16:01 質問者: chibi38

解決済

2

1
html5 エラー

html5を勉強しているのですが”unexpected end tag (head). Ignored.”というエラーが出ましたどうすればいいですか？教えてください

質問日時: 2019/03/06 17:41 質問者: ぐらぼー

解決済

1

0
formのoptionでEnter(Return)する方法はありますか？

こんにちは。ローカルのWebサーバーで通販サイトで商品の検索結果を取得する為に下記の様なhtmlを作成しています。 -----ここから----- <form action="./result.php" method="post"> <p style="text-align:left;">検索語句：<input type="text" name="words" size="80" autofocus></p> <p>リスト <select name="engine" size="10" multiple> <option selected>AmazonJP</option> <option>楽天</option> <option>ヨドバシカメラ</option> <option>Yahooショッピング</option> <option>ASKUL(アスクル)</option> </select> </p> <input type="submit" value="送信"><input type="reset" value="リセット"> -----ここまで----- htmlの文法としてはlabelが無かったり、option valueじゃなかったりで間違っていたりするかもしれませんが、一応、送信ボタンを押すと実行できます。ここで、optionで検索する通販サイトをセレクト(反転)させたとき、つまり、フォーカスが当たった時にEnter(Return)を受け付けて、そうすることによってresult.phpにPOSTしたいと考えております。この様な方法はありますでしょうか？以上、お手数をお掛け致しますが、よろしくお願いいたします。

質問日時: 2019/03/04 05:43 質問者: hpisnow1

ベストアンサー

1

0
浪人終了しました！中央理工電気電子合格埼大工学電気電子発表待ち何もすることなく暇ですそこ

浪人終了しました！中央理工電気電子合格埼大工学電気電子発表待ち何もすることなく暇ですそこでHTMLとCSS言語を学ぼうと思ってますその後はプログラミングの技術を習得したいです将来に就きたい仕事は明確に決まってないので何もしないよりいいかと思いました無駄ではないですよね？

質問日時: 2019/03/01 09:54 質問者: けいけいヤムヤム

ベストアンサー

1

0
HTMLとAMPの違いを教えてください。スマホ専用のHPホームページをAMPページで作成するのAM

HTMLとAMPの違いを教えてください。スマホ専用のHPホームページをAMPページで作成するのAMPって何ですか? HTMLみたいな作成言語の1つですか？

質問日時: 2019/02/28 23:04 質問者: auhuaweinova2

解決済

1

0
同一サーバー内のHTMLファイルからインクルードを動作させずに取得することは可能？

ツールとなるファイルがあり、そこから同一のサーバー内の他階層からHTMLソースを取得しようとしています。 ▼階層イメージ hoge/tool/tool.html　//ツール hoge/a/index.html　//対象のファイルA そして、色々ためしてajaxで対象のソースを取得しツール内にあるtextareaに書き出しするところまではできたのですが、そもそも取得時点でインクルードの中身まで取得してしまっているので、なんとかインクルードの中身は取得せずにtextareaに書き出したいです。 ↓これを展開させずにこのまま取得・表示したいです  そこで、そもそも「インクルードの中身は取得せずに対象ファイルの素のソースを引っ張ってくることは可能か不可能か」ということをお聞きしたいです。使用言語は問いません。 ①可能かどうか ②可能な場合どのようなやり方で実装できるのか（「そういったことができるツールとかプラグインあるよ」的なことでも大丈夫です） ③不可能な場合は代替案など（これはもしあれば程度でよいです…）以上ご教示いただければ幸いです。

質問日時: 2019/02/25 15:44 質問者: つかぽん_

ベストアンサー

3

0
Brackets エディタについて。独学でHTMLとCSSを学び始めた超初心者です。プレビューが

Brackets エディタについて。独学でHTMLとCSSを学び始めた超初心者です。プレビューができません。プレビューするとHTMLコードが表示されます。コードファイルの保存場所が間違っているのでしょうか？コードを保存するときは、どこに保存すればいいのですか？

質問日時: 2019/02/22 00:03 質問者: シアハノン

ベストアンサー

1

0
html 文字化け

html と　php で現在勉強していますが画像のように文字化けしてしまいます。何が原因なのでしょうか？教えていただけると助かります。

質問日時: 2019/02/18 22:07 質問者: ryo317

ベストアンサー

5

0
HTMLコーディングルールについて

HTMLを学習し始めたのですが、タグの種類の多さに圧倒されております。しかし、その一方でこんなにタグが必要あるのかとも思っています。例えばstrongとem。HTML5ではstrongは「緊急性、強い重要性、深刻性」、emは「文にアクセントを置く」と、あるWebサイトには説明がありましたが、個人的には他の文字と違って一部が強調されていれば、どっちでもいいじゃんと思ってしまいます。ましてや見た目は変わらないので、多くの訪問者からすれば、どちらで記載してあるかなどソースを見ない限りわからないですよね。他にも、ある程度のまとまりにはsection、記事にはarticle、メインコンテンツ以外にはaside、コピーライトなどはsmall、連絡先にはaddressを使用したほうがいいなどと書いてありましたが、本当に区別しなければならないものなのでしょうか？商売や企業内でそういうルールで作りましょうという決まりであれば仕方ないですが、個人のHPにおいて厳密にルールを守って書いているユーザーはどの程度いるのでしょうか。しかも、最終的にはCSSやJavascriptなどで調整をするのだから、そこまで細かくルールづける必要はないのではないかと思ってしまいます。私としてはdiv、span、table、input、imgタグさえあれば、ほぼ事足りると思っております。たくさん批判コメントくるでしょうが、どうぞご意見ください

質問日時: 2019/02/17 18:21 質問者: Hypnomatic

解決済

4

0
headの部分に書いたCSSがWebページにそのまま表示されてしまい困っています。

headの部分に書いたCSSがWebページにそのまま表示されてしまい困っています。

質問日時: 2019/02/17 00:05 質問者: きゅうりみかん

ベストアンサー

2

0
CSSで「!important;」よりも優先にすることはできないですか？

CSSで「!important;」よりも優先にすることはできないですか？

質問日時: 2019/02/13 16:17 質問者: gjmayu

ベストアンサー

3

0
googleカスタム検索ボタンがずれる

よろしくお願いします。 yahooカスタム検索のサービスが終了するとのことでgoogleカスタム検索を試しているのですが、テキストエリアとボタンが微妙にずれてしまいます。上のラインは合っているのですが、下のラインがボタンが1pxほど大きいため、ずれて見えてしまいます（画像添付のとおり）。 cssでその差（テキストエリアとボタンの高さをそろえて上下のラインもそろえる）を修正したいのですがどのように記述すれば良いのでしょうか？ご教授頂けましたら幸いです。なお、当方がgoogleカスタム検索を利用するにあたり cssをカスタマイズしたのは現時点では下記のコードのみです。 /* 検索窓の余白管理 */ .gsc-control-cse { padding: 0em!important; } .gsc-search-box { margin: 0 !important; padding: 0 !important; } 以上、よろしくお願いします。

質問日時: 2019/02/13 15:33 質問者: maru11586

ベストアンサー

2

0
【CSS】ライブドアブログのスマホのCSSカスタマイズについて

CSS初心者です。 http://yossharamaru.blog.jp/archives/9170386.html こちらの記事を見てやってみたのですが、imgのCSSが反映されません。 ●現状 PCではコードの通りheight240pxで表示されています。でもスマホで見ると100%表示に見えます。 ●やりたい事 PCでは「height240pxの画像」が６つ横並びになってるので、スマホも同じように６～４つ横並びにしたいです。 ●使ってるCSS・HTML 使ってるCSSはこれです。 http://mankaisiryokan.blog.jp/sp_css/spcss2-3.css HTMLには、最初に貼った記事のとおり、HTMLの一番上に <link href="↑のCSSのURL" type="text/css" rel="stylesheet"> を書いていて、画像の部分は <h3>見出し</h3> <a href="画像.png" target="_blank"><img class="clothes" src="画像.png" alt="画像"></a> <a href="画像.png" target="_blank"><img class="clothes" alt="画像" src="画像.png"></a> <a href="画像.png" target="_blank"><img class="clothes" alt="画像" src="画像.png"></a> ・・・のように書いています。これでPCでは「height240pxの画像」が６つ横並びになります。でもスマホで見ると100%表示に見えます。 ●備考前は見出しも反映されなくて、「h1{」を「div.article-body-outer div.article-body h1{」にしたら反映されました。前に質問した時に「img」にも「div.article-body-outer div.article-body」を付けたらどうかって教わったので、「img.clothes {」を「div.article-body-outer div.article-body img.clothes {」に変えましたが、変化はありませんでした。どうしたらできますか？知恵をお貸しください…！

質問日時: 2019/02/08 16:33 質問者: gjmayu

解決済

1

0
webサイト制作やそのサイトをアプリ化するために必要なプログラミング言語について。まず一番知りたい

webサイト制作やそのサイトをアプリ化するために必要なプログラミング言語について。まず一番知りたいのは、PHPやHTMLやCSSがないと文字が表示されないと思っていたんですが、どうやら違うみたいで、例えばPythonでサイト上に文字を表示することはできるんですか？ Pythonでサイトを作るとして、そのサイトをアプリ化するためにはPythonだけでいいんでしょうか？ Pythonを学ぼうと思ってますが、HTMLなども学んだ方がいいんでしょうか。

質問日時: 2019/02/07 12:15 質問者: griperman

ベストアンサー

1

0
ブログのアップが出来ません。

メモ帳で作成したブログを公開しようとしているのですが、アップが出来ません。拡張子は.html、サーバーはXFreeのhtmlサーバーです。アップするソフトはFFFTP Ver.3.5です。ログインし、データは送ることができます。ただ、URLを入力しても出てきません。何か操作が違うのか、URLが違うのか教えてください。よろしくお願いします。

質問日時: 2019/02/05 21:15 質問者: asatonkamera

解決済

2

0
あるタグが反応しません...

mi:first-letter { font-size: 2em; color: #7172ac; } あるサイトで見つけて使おうと思ったのですがこれが反応しません...どうすれば...

質問日時: 2019/02/04 04:14 質問者: Kar_kiredi

ベストアンサー

2

0
CSSについてです。

CSSを使って、スクロールしても常に指定の位置（右下とか）にいてそれをクリックすると指定の位置（一番上）に戻るボタンみたいなものを作りたいんですけどどう書けばいいですかね？ ⚠︎縦スクロールの物を作ろうとしてます。JavaScriptは使いたくないです。

質問日時: 2019/02/04 04:11 質問者: Kar_kiredi

ベストアンサー

1

0
【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

←前の結果
1
...
10
11
12
13
14
15
16
17
18
19
20
次の結果→

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

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

質問する（無料）

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

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

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

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

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

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