TOP カテ一覧 スレ一覧 100〜終まで 2ch元 削除依頼
第21回　厨房メール展覧会
個人サイトは1日50hitあれば成功の域
HTML/CSS のどんな質問にも優しく答えるスレ 38
魔法のiらんどとタニーズブートキャンプ
Yahoo検索を元に戻せ！！
初めてサイトを作った時を思い出すスレ
ﾏﾀｰﾘ雑談スレ（女、同人、イラスト立入禁止）
+ JavaScript の質問用スレッド vol.139 +
好きなフォントサイズをあげろ！〜css〜
2ch関連のサイトを作っている管理人いるか？　part2

HTML/CSS のどんな質問にも優しく答えるｽﾚ 41


1 ：
ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです

類似質問、重複質問、丸投げ大いに結構。HTML / CSS 関係の事なら何でもOK
分からない人は何回聞いても結構。質問するときはIDを出すためにメール欄を
age にすることをおすすめします。

回答してくれる方は優しい人のみ！　質問者に対して暴言を吐く人はこのスレを見るな！！
終わった話を蒸し返すやつは このスレにくるな！！！
自分で調べろという回答も禁止！！回答するかさもなくば何も書き込むな！！

質問側も節度あるレスで！質問前にスレ内を検索しましょう

■次スレについて
基本的にレスナンバー>>980を取った人（立てられない場合は次の宣言者）が立てて下さい
重複を避けるため、独断でスレ立てはせず必ず意思表示をしてから立てて下さい（>>980を取った場合も）
立てられない事が予め分かっている場合は、>>980付近の書き込みは自重しましょう

■前スレ
HTML/CSS のどんな質問にも優しく答えるｽﾚ 40
https://mevius.2ch.sc/test/read.cgi/hp/1564569787/

■関連スレ
Webサイト制作初心者用質問スレ part251
https://mevius.2ch.sc/test/read.cgi/hp/1564414228/

■HTML
HTML Living Standard 日本語訳
https://momdo.github.io/html/index.html

■CSS
Selectors Level 4 日本語訳
https://triple-underscore.github.io/selectors4-ja.html

2 ：
大正デモクラシーですわ〜

3 ：
スレ立て乙

4 ：
>>2
何が？（怒）

5 ：
>>1乙

6 ：
>>2
何が？（踊）

7 ：
これから質問してくる人には「何が？」と返します(怒)

8 ：
>>4
>>6

ミミガ〜 ∩(￣▽￣)∩

9 ：
質問

パンくずリストって何ですか？

10 ：
お前はゴミクズだなを
まろやかに言った言葉、パンくず
そいつらのリスト

11 ：
なるほど

12 ：
liタグに対してdisplay:block ;を指定するのはどんな時ですか？

13 ：
リストデータをblockで表示したい時

14 ：
縦並びでmarginとpaddingを指定したい時

15 ：
僕が僕らしくある為に

16 ：
なるほど

17 ：
>>15
お前はいつもfloatじゃないか

18 ：
ハンバーガーメニューって何ですか？

19 ：
>>18
レギュラー、朝マック、夜マックでそれぞれ違う。
それと、季節限定のメニューってのもあって
今なら黄金の月見バーガーってのがバリューセットで690円である

20 ：
なるほど

21 ：
このサイトみたいにスマホ表示の際に、ハンバーガーメニューの中に検索ボックスとカテゴリリストとSNSのアイコンを表示させたいのですが、どうすればよいですか？

初心者でよくわかりません。


https://www.webcreatorbox.com

22 ：
>>21
まねしたらいいんじゃない?

23 ：
liの中に検索ボックスって入れていいんだっけ？

24 ：
>>21
WordPressのテーマを自作する

25 ：
Macでオススメのテキストエディタを教えてください
なるべくWindowsのTerapadに近い操作性と外観のソフトだと嬉しいです

26 ：
CotEditor
mi

27 ：
>>22
いまの自分にそこまでのパワーはないので、無難なレイアウトに変更しました。

これから更に勉強してレベルアップしますね

28 ：
>>18
ケツ毛バーガー事件というのが昔ありました

29 ：
さっきちょうどマナちゃんからメルマガきてて
使用中のiPhone6ｓが瀕死の状態って書いてた。

海外でも活躍してすごい儲かってるかとおもってたがそうでもないのかな？

30 ：
>>20
今ならチキンマックナゲットの無料クーポン、これ当たりやすいからゲットしとけ！！
https://k-tai.watch.impress.co.jp/docs/news/1205271.html

31 ：
>>29
1000台あるうちの一台が瀕死なんだろ
999台は無事だよ

32 ：
>>31
彼女はある意味同業者の成功例であり
夢と希望だからそうあって欲しい・・・

33 ：
ここまでまともな質疑なし

34 ：
>>19は完璧な回答だと思ったけどな

35 ：
自作曲をHPでダウンロード出来るようにしたいです。

そのファイルを「aaa.wav」とします（WAV音源なのは合ってます）
で、そのファイルを公開したいページと同じ階層に置いて
<a href="aaa.wav" download="あああ">というような感じで打ったのですが「ダウンロード失敗」と出ました。

FFFTPを使っていますが、音源をアップロードする必要はないですよね？

36 ：
アップロードしないとだめです

37 ：
>>35
自分がローカル環境で試した感じだと普通にダウンロードのダイアログ出てきてダウンロードフォルダに落ちて来たけど
・audio.html
・test.wav
の2ファイルを同じ階層に置いて、
<a href="./test.wav" download>download test.wav<a>
を書いてブラウザのリンク上で右クリックして「リンク先のコンテンツを保存」から普通にダウンロードされた

38 ：
>>37
ちゃんと閉じてー！

39 ：
>>36
何度アップロードしようとしても中止になってしまうのですが、mp3に書き直した方が良いのでしょうか？
また後で試してみます

40 ：
サイトスペースの空き容量が足りないとか？

41 ：
id無いと誰が誰だかわかんないな

42 ：
>>38
何が？って思ったらaタグか
手打ちだからミスりました
すまんね

43 ：
学校でHTML習ったので復習で
index.htmlっていう名前のファイル作って
IEで開いてみたら普通にみれちゃったんですけど
これ全世界に公開されてるってことですか？

ただPC中で htmlファイル作るだけでインターネット発信されるってことですか？
index.html っていう名前だけが特別なんですか？

44 ：
WEBサーバっていう単語をご存じでない？
サーバも無いPC内にhtmlファイル作っただけで全世界からアクセスされたら大変なことになるっていう想像は付かない？

45 ：
>>43
全世界どころか、全宇宙に公開されてしまってないよ

46 ：
>>43
htmlファイルはどんな名前だろうがブラウザで開けるよ
ブラウザで見れる = 世界中で見れる
ではないからその辺ちゃんと理解しようね

47 ：
>>43
.htmlファイルをブラウザで開けるのは、
.txtファイルをメモ帳で開けたり、
.docxファイルをWordで開けたりするのと同じで、
ファイルに格納されているデータをソフトが解釈して
モニター画面に表示しているだけ

48 ：
HTMLの書き方の前に理解すべきことがあるな
どんな学校だよ

49 ：
>>41
俺だよ俺！

50 ：
>>44-48
じゃあ後悔されてないんですね
大丈夫なんですね
あせりました

何がちがうのかわからないんですけど
httpっていうのをつけてみれるのが全世界で
file:ってついてるのはじぶんのPCからしかみれないってことですか？

httpっていうのがつかないようにするにはどうすればいいんでしょうか
ファイル名をhttpっていう拡張子で保存しなければ大丈夫ってことですか？

51 ：
学校行ってるんじゃないのかよ
ど素人やん

52 ：
専門学校とか専門コースとかじゃなく、
一般クラスで、数学か何かの延長じゃないかな

53 ：
なんか支離滅裂やな

54 ：
>>50
httpっていうのは拡張子じゃなくてプロトコル
「インターネット上で文書をやりとりするための決まり」みたいなもん
クライアント(ブラウザ) <---httpプロトコル--->Webサーバ

自分のPC内のhtmlファイルを自分のPC内のブラウザで開くのにはサーバーは必要ないわけだから当然httpも付かない

55 ：
httpとhtmlの区別も付いてないのか

56 ：
>>50
とりあえず、ホームページの作り方・公開の仕方を解説しているサイトで勉強しておくれ

57 ：
HyperText
複数の文書が紐づいたり関連付いている文書を超えた文書

html
HyperText Markup Language
ハイパーテキストを作成するためのマークアップ言語の1種

http
HyperText Transfer Protocol
ハイパーテキストを通信する上での決まり

58 ：
>>43
されるよ〜
https://i.imgur.com/SIHr4pU.png

59 ：
>>58
おぉ・・・

60 ：
懐かしいなｗｗ

61 ：
>>35ですが、どうやら僕の使ってるサーバーでは10MB以上のファイルをアップロード出来ないみたいです
そもそもFFFTPではhtmlファイル等も含め、合計で30MB以上は無理みたいですね
なので100MB以上あったwavファイルをmp3変換して6MBくらいにしたら行けました！
試しにダウンロードしたら出来ました、ありがとうございました

62 ：
サイトよんで勉強してみたけど

サーバーソフトウェアっていうのを起動してないとファイルが存在するだけでは外からアクセスできないんですね
たとえばapacheっていうソフトをPCにいれると
特定のフォルダ内にファイルをおいただけでそのファイルがそとからみられるようになるらしい
でも配信したいならじぶんのPCでやるより
そういうソフトがはじめから入ってる無料のサービス使った方がいいよみたいなことかいてありました

結論から言うと余計なソフトいれたりしなければ
PCに内でHTMLかいてダブルクリックしてブラウザ開いただけでは何もおきないってことですよね
おさわがせしてすみませんでした
回答頂いた方ありがとうございました

まだHTML習いたてで
H１　H2　ってかくと文字が大きくなる
Pってかくと文字が折り返されるみたいなことしか習ってないので
いろつけたり絵はったりできるようになったら自分のサイト公開してみたいと思います

63 ：
>>62
がんばってね

64 ：
>>49
たかし！たかしじゃないか！

65 ：
>>62
あとポートフォワードね
もし、自分のPCにサーバー入れても、そのサーバーへ通信を転送する設定ができないと公開されない。
基本的にはファイアウォールで勝手に転送されないようになっている。

66 ：
>>50
後悔してないのかというと嘘になるかもしれません。
彼のご両親ともこのような結果になってしまった事を
心のどこかで今でも悔いています。

67 ：
firefoxのdevelopertoolsってxpathで検索できないの？

68 ：
>>67
コンソールタブかペインで$x('xpath')実行してターゲットアイコンで移動すれば？

69 ：
>>64
たけし・・たけしです！


ﾀﾞﾝｶﾝｺﾉﾔﾛｰ

70 ：
cssで無限に背景がうねうね波打つやつってどうやるんですか？

71 ：
なんでcssだと思ったの？

72 ：
>>70
こんなの？　
https://codepen.io/shafee/pen/pyXMEP

あるいは波紋をイメージ？

73 ：
こういうの？
https://ics.media/

74 ：
>>72
70じゃないけど
SVGつかわないでCSSだけでもできるんだな
勉強になったわ

75 ：
画像の左クリックだけを無効にするＣＳＳの記述方法を教えてください
右クリック、画像の保存は有効なままでお願いします
サイトの利便性を考えて、左クリックするたびに拡大されないようにしたいです

76 ：
>>73
ありがとうすげーよ君。
あの1行でここまで察したとは・・・

77 ：
>>73
なんかすげーなこれ
https://ics.media/_assets/top_hero/archives.html
マウスに反応する

78 ：
>>75
pointer-events: none;

79 ：
ごめんアンカミス
>>76は>>72宛てです

80 ：
>>77
これっかこいいJavaScriptか

81 ：
csvasで永遠と書かれてたぞ

82 ：
>>77を同時に2つ開くと
うちの古いcorei7のpcクーラーが激しく回りだしてウルサイｗ

83 ：
>>78
ありがとうございます

84 ：
>>83
ケツ貸せや

85 ：
bootstrapでフォトギャラリーを作成しています
class="img-thumbnail"で画像を並べているのですが
chromeやEdgeでは正常に表示されるのに
IE11だけ一部の画像に×マークが出て表示されません

原因のわかる方いらっしゃいますか？

86 ：
すみません、再起動したら治りました…。
おま環だったようなので質問取り下げます。

87 ：
>>85
ソース見ないとわからないよ

その4行だけで無理やり推察するなら
・webフォントで記号を表示して不具合の可能性
・sslに対応してない書き方混在
・セキュリティ関連
・容量関連

88 ：
>>86
ケツ出せや

89 ：
>>87-88
申し訳ありません…。


-（*）-

90 ：
()*()

91 ：
許してやる

つ＊

92 ：
.x {
box-sizing: border-box;
display: table-cell;
vertical-align: middle;
border-bottom-width: 1px;
}
.x:hover {
box-sizing: border-box;
display: table-cell;
vertical-align: middle;
border-bottom-width: 3px;
}

セルの中央にテキストを表示して、マウスオーバーしたときにボーダーの太さを変えて表示したいんですが、
上のような記述だけだとボーダーの太さを変えた分だけテキストの表示位置がずれてしまいます。
位置が変わらないようにする方法ってあるでしょうか。

93 ：
テキストにclassかidつけて親にdisplay:flexとjustify-content ： centerあたりでできない？

94 ：
自己解決。border-widthの分paddingを調整していけました。

.x {
box-sizing: border-box;
display: table-cell;
vertical-align: middle;
border-bottom-width: 1px;
padding-top: 0px;
padding-bottom: 2px;
}
.x:hover {
box-sizing: border-box;
display: table-cell;
vertical-align: middle;
border-bottom-width: 3px;
padding-top: 0px;
padding-bottom: 0px;
}

95 ：
千葉の停電を治すためのコードを教えてください。

96 ：
>>95
<doctype!>
<p>chibadman come here please!</p>

97 ：
うちの実家千葉市だけど一度も停電してないってよ

98 ：
下記のcssが反映されません。どこにミスがありますか？



@charset "UTF-8";

/* すべてのwebページに適用される*/
html {
font-family: sans-serif;
}
html * {
box-sizing: border-box;
]
body {
background-color: #eeece9;
}
h2 {
color: #3f5170;
font-size: 22px;
border-bottom: 3px dotted #3f5170;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
padding-top: 5px
padding-right: 5px
padding-bottom: 5px;
padding-left: 5px;
}

99 ：
>>98
]

100 ：
間違い探しワロタ


100〜のスレッドの続きを読む
【現役は】漏れも昔は厨ﾀﾞﾀｰﾖ……　２【ｶｴﾚ!】
【無料】高機能レンタル鯖XRIA【無広告】
ネットショップ開業したい（＾-＾）
待画サイト管理人の集い
フォレストページ管理人 その2
[MSN・Yahoo!等]■ロボット型検索エンジン46■
どんなＣＧＩの掲示板をつかっているかスレ
フリーランス、SOHOのためのコミュニティを作ろう
HTML/CSS のどんな質問にも優しく答えるスレ 33
はてなアンテナってうざくない？
--------------------
【ﾀﾞｲｴｯﾄ詐欺】Youtu"bar"ぷるるアンチスレ【青ひげおじ】リバウンド21キロ目
【東京汚リンピック】ついにボランティアの募集が始まる 完全無給の奴隷 組織委員会は報酬2400万ｗ
【ドニー・イェン】イップ・マン 継承【詠春拳】
もうババアだと気づいた瞬間
1986(昭和61)年生まれのひきこもり 31 ﾜｯﾁｮｲ有り
【MVNO】mineo 68枚目 ﾜｯﾁｮｲ無
○○○○ッ○←被ったら死亡
【2026冬季】五輪開催都市予想スレ【2030冬季】
【画像】有名雑誌「マクドナルド全品食べてみたらやっぱりマズい」 [309927646]
高圧ガス保安協会資格総合スレ part44
【JK】ダンベル何キロ持てる？【筋トレ】2マッスル
安倍晋三「私が国家です」
今後のトレンドマイクロの進み道
【東京・国立発祥】すた丼 29杯目【スタ丼：掟丼】
【アトピーは】そろそろ気づけば？【治らない】
真面目にヨガの練習　4日目
【IP表示】独り言を書くためだけのスレッド 3
『環境』 グレタ・トゥーンベリ 『正義』
【MHW:I】火力ランキングpart7
人工知能ディープラーニング機械学習のための数学
TOP カテ一覧 スレ一覧 100〜終まで 2ch元 削除依頼