HTML/CSS のどんな質問にも優しく答えるスレ 32

1Name_Not_Found2018/03/14(水) 22:52:37.78ID:zpiIOMwj
ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです

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

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

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

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

■前スレ
HTML/CSS のどんな質問に必ず優しく答えるスレ 31
https://mevius.5ch.net/test/read.cgi/hp/1517028608/

■関連スレ
Webサイト制作初心者用質問スレ part248
http://mevius.2ch.net/test/read.cgi/hp/1494150188/

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

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

779Name_Not_Found2018/06/12(火) 12:52:09.08ID:???
sassの教科書買おうか迷ってるんだけど買わなくても身につく?どうしよう。

780Name_Not_Found2018/06/12(火) 13:31:25.13ID:???
>>779
タイトルしか知らないけど
特に困ることはないな

781Name_Not_Found2018/06/12(火) 13:51:44.62ID:???
ネットで入門って検索してたら大抵のことは身につかないかね…

782Name_Not_Found2018/06/12(火) 14:04:54.65ID:???
>>781
そう?
95年に始めて以来、本なんて
おじさんほとんど買ったことないよ
わからんことは作った人に聞くのが一番だよ

783Name_Not_Found2018/06/12(火) 15:21:30.02ID:???
>>781
ごめん
読み間違えてた
老眼だ…

784Name_Not_Found2018/06/12(火) 15:23:45.34ID:GTV43vLP

785Name_Not_Found2018/06/12(火) 23:51:14.44ID:???
昔はネットの情報も少ないし通信費もあったしで
本とかかったけど今はネットで検索する方が早いからなぁ

786Name_Not_Found2018/06/13(水) 11:45:18.13ID:???
ブラウザ間での改行幅の扱いで困ってます

Chromeでpreで囲まれた範囲をマウス右ドラッグすると次の画像のようになります
https://i.imgur.com/XkPkMkF.jpg
改行幅の指定がおかしいのかとline-heightやfont-sizeなど関連するCSSを
いじっても一向に変化しません
もちろんFirefoxではそうならずに改行幅とフォントサイズは一致しており、
上の画像のように重なった部分は現れずドラッグした範囲は一色で塗りつぶされます
これを解消するには改行幅を充分に(150%など)とるしかありません

何が困るかと言うとこのpreの内部で特定文字にだけbackground-colorした場合に
塗られる範囲が上下行にかぶってしまい、上下行の文字が見えなくなるのです
確か過去バージョンのChromeではこんな重なりは無かったように思います
この塗りの範囲を改行幅(行の高さ)を維持したままでCSSでどうにかする方法はあるのでしょうか?
また何かヒントがあれば教えていただけるとありがたいです

787Name_Not_Found2018/06/13(水) 14:01:56.31ID:???
>>786
リセットCSSを使うんじゃだめなの?

788Name_Not_Found2018/06/13(水) 14:14:43.46ID:???
>>786
今書いているコードを見せないとはどう言う了見だい?

789Name_Not_Found2018/06/13(水) 14:37:51.54ID:???
>>786
ならない
preだけじゃなくなんかタグがある or cssでなんかやってる

790Name_Not_Found2018/06/13(水) 15:07:02.22ID:???
>>786
そんだけ長文かく元気があるなら
HTMLとCSSを晒せよこのマゾ野郎!
http://jsfiddle.net/

791Name_Not_Found2018/06/13(水) 15:37:43.80ID:???
まあ長文読む気なんかないよね
要するにフォントサイズの縦幅と改行幅をぴたっと揃えたいって話なんだけど
リセットCSSでもだめ
ここには分かる人が居ないってことがわかりました
どうもありがとうございました

792Name_Not_Found2018/06/13(水) 16:00:19.26ID:???
そ、そんなこと言っても答えだけ書いてあげたりしないんだからね!

793Name_Not_Found2018/06/13(水) 17:53:41.98ID:???
>>791
ちゃんと読んでコード書いて試して答えてあげたのにこれだよ
正確には「必要な情報を出さない質問に答えられる人はいない」だな
今出てる情報ではそんな症状にはならないから
まずは質問できるレベルになれるように勉強してね

794Name_Not_Found2018/06/13(水) 18:01:22.26ID:???
コードも見せずに質問するやつなんてまじめに答えるだけ無駄やで

795Name_Not_Found2018/06/13(水) 18:43:19.24ID:???
かっこいい捨て台詞ワロタ 久々にこういうの見た。

796Name_Not_Found2018/06/13(水) 23:46:58.88ID:???
UIを作るのに、
CSSのグラデーションやCanvasを使用することは多いですか?
それとも自分でイラレやフォトショを使って画像を用意することの方が多いですか?

もし後者の場合、イラレとフォトショはどちらの方が使えると今後に良いでしょうか?
両方使用するのが一番だとは思うのですが、毎月の出費が痛くて・・・
宜しくお願いします

797Name_Not_Found2018/06/13(水) 23:54:56.77ID:???
デザインやるなら両方揃えたほうが良いと思うぞ

798Name_Not_Found2018/06/14(木) 00:00:53.29ID:???
UIというかサイトにもよるけど
・CSS+アイコンフォント
・CSS+SVG
がほとんどかな
画像でごちゃごちゃすることあんまりない
イラストや装飾多いサイトなら画像もありだけどそうでなかったらわざわざ画像にする必要ないし
イラレかフォトショかだけど、アイコンフォントやSVG作るにはイラレ、イラスト描くにはフォトショが向いてる
とだけ言っとく

799Name_Not_Found2018/06/14(木) 02:28:34.65ID:???
WEBでどっちか一つならフォトショかな

800Name_Not_Found2018/06/14(木) 02:29:20.11ID:???
イラレ使えなくてもWEBの仕事はできるがフォトショ使えないのは話にならんからな

801Name_Not_Found2018/06/14(木) 02:46:47.67ID:???
>>796 そうそう、イラレで制作しない
データ送られてきた場合は編集するからイラレの基本は知ってるけど

以前のAdobeは購入したら終わり=毎月の経費が掛からん
でも、最新verで送ってくる人の開けないaiファイルが多いんだよね・・・

802Name_Not_Found2018/06/15(金) 19:45:46.96ID:???
>>793
いやいや
>もちろんFirefoxではそうならずに改行幅とフォントサイズは一致しており、

って書いてるし
ブラウザ依存のバグの可能性があるから聞いただけですよ
知らないなら絡む必要なし

803Name_Not_Found2018/06/15(金) 22:15:02.62ID:???
>>802
だからChromeでもならないって書いただろ
preだけならならないの
他のタグやcssが原因でChromeだけがなってるんだからコード見せろって言ってんだよ

804Name_Not_Found2018/06/16(土) 11:07:25.85ID:???
webでのイラレ使いをもうみんなで追い出そうぜ
そうすればアドビとの無駄な契約が1つ減らせる。

イラレなんてデータ開く為だけに契約してるわ

805Name_Not_Found2018/06/16(土) 15:01:12.38ID:???
んでイラレ以外で何使うの?

806Name_Not_Found2018/06/16(土) 16:15:31.94ID:???
Flashが消されたように
フォトショ、イラレも消されればいいのに
あんなの標準じゃない、標準にしてはいけない

807Name_Not_Found2018/06/16(土) 18:26:18.19ID:???
XDとかいうのはどうなの?

808Name_Not_Found2018/06/16(土) 19:52:10.39ID:???
XD便利だよ
win10の最新版じゃないと使えないゴミだけど

809Name_Not_Found2018/06/16(土) 19:58:29.61ID:???
XD便利だよ
win10の最新版じゃないと、使えなくてゴミになるけど

810Name_Not_Found2018/06/16(土) 21:03:33.38ID:???
CSSでのセレクタ(?)の指定方法について質問なんですが

.header > .article-text > a { font-size: 18px;}

クラス→クラス→aタグの指定方法がわかりません。上記のように書いたのですがどこがおかしいのでしょうか?
(article-textクラスは複数あります。)

811Name_Not_Found2018/06/16(土) 21:09:42.34ID:???
>>810
おかしくないぞ
> の意味を勘違いしてるんじゃ?
htmlも出して

8128102018/06/16(土) 22:19:20.73ID:qBcQciAz
>>811

<div class="header">
 <div class="article-text">
  <script type="text/javascript">
    ○○○○〇〇〇〇
  </script>
 </div>
</div>

中途半端な小出しで申し訳ありません。
JavaScriptで外部サイトから得たaタグへの編集を行なおうとしていました。
クラス→クラス→タグの場合の指定方法が分からなかったので質問させてもらいました。(>の後はドットが必要なのか等)
HTMLを見直してみます。
問題点を絞ることができ大変参考になりました。ありがとうございます。

813Name_Not_Found2018/06/16(土) 22:34:45.64ID:???
>>804
>>806
おま環が標準だと世界中が困るw

814Name_Not_Found2018/06/16(土) 22:51:34.91ID:???
div.header > div.article-text > a

だろ

815Name_Not_Found2018/06/17(日) 00:29:01.98ID:???
>>814
ド素人のゴミはしゃしゃってくんな

816Name_Not_Found2018/06/17(日) 13:32:41.92ID:???
イラレが要らないって意見フロントエンジニアなら理解できるけどデザイナーで言ってんなら機械音痴のジジイかな?って思っちゃうね

817Name_Not_Found2018/06/17(日) 14:14:00.96ID:???
Officeで作るオジサンもいるよ…

818Name_Not_Found2018/06/17(日) 19:47:55.92ID:???
他人のサイトのソースをコピーして自分のサイトで使うのは
権利・倫理面で問題ないのでしょうか?
HTML,CSS共に参考にすることあるんですけど
「パクってんじゃねーよ」的なお叱り受けるのかなと。

819Name_Not_Found2018/06/17(日) 19:54:39.11ID:???
ケース・バイ・ケースだよ。
現実してはみんな多かれ少なかれやってる。
バレたくないなら少し改変するとか。

820Name_Not_Found2018/06/17(日) 21:21:04.84ID:???
比率の問題でしょ

あるサイトのコードが1千行あるとして
そこから10行コピーしてもコピーしたとは思われないないけど
数百行コピーすればコピーしたと思われる

821Name_Not_Found2018/06/17(日) 21:32:47.77ID:???
要素一つだけ使ってそのbackground-colorを一部分だけ表示させたいんだけど無理だっけ?
(一部以外は透明でも不透明でもかまわない)

822Name_Not_Found2018/06/17(日) 22:40:50.61ID:???
>>819
>>820
ありがとうございます。
大層なものは作れるレベルじゃないので問題なさそうですね。
少しずつ参考にする形でやります。

823Name_Not_Found2018/06/18(月) 02:39:05.86ID:SUuZwHPa
>>821
これでやりたいことにあってるかわからないけど・・・
http://jsfiddle.net/xcdn54mz/

824Name_Not_Found2018/06/18(月) 10:28:06.29ID:???
>>823 d
beforeが使えるかもしれない
やりたいのはこんな感じ
http://jsfiddle.net/ba93sc1h/
これでmargin-topのautoが効いて中央に表示できれば・・
みたいな

825Name_Not_Found2018/06/18(月) 10:46:27.22ID:???
企業サイトを作るのにwordpressって利点多い?
テンプレート作成の手間か、プラグインによる機能の後付の利便さか、で迷ってる

826Name_Not_Found2018/06/18(月) 16:29:08.25ID:???
ワードプレスのスレできけよ

827Name_Not_Found2018/06/18(月) 18:01:34.21ID:???
>>825
素人がガンガン更新するなら良いかも知れないけど
そうでないならそれほどでも

828Name_Not_Found2018/06/18(月) 20:46:24.69ID:???
>>827
クライアント側の素人さんが自分で告知のニュースとかを更新したいという要望に応えるならかな

829Name_Not_Found2018/06/18(月) 21:54:40.73ID:???
レアケースかも知れんが
普通にデザインしてコーディングして必要ならJSで動きもつけて…
って普通に作ったサイトをポコっとWPに当てはめ

字面とか、コード複製でなんとかなる部分は客が更新
難しいところはこっちに振ってもらって都度請求
ってスタイルで運用してるサイトがいくつかあるな

新着レスの表示
レスを投稿する