HTML/CSS のどんな質問にも優しく答えるスレ 32
■ このスレッドは過去ログ倉庫に格納されています
ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです
類似質問、重複質問、丸投げ大いに結構。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 >>752
Mcrosoft FormsってのはMSのサービスで
Webベースのアンケートフォームを手軽に作れちゃうやーつ
それがChromeで問題ないのにIEでコケるってことは
開発時にIEをないがしろにしてるのかなーって >>755
あるね
うちの会社たまに使われてるわ
総務から「給茶機のお茶の種類どれがいいですか？」とか
そんなレベルだけど >>747
> macOSはシフトなしでアンダースコア出るな
アンダースコアはSHIFT+-だけど
もしかしてJISキーボードなんか使ってるの？
USキーボードが世界標準だよ 時々、いままでどうやって生息してたんだろってくらい
頭のおかしいデザとかディレクターいるよな まあ自分と異なる人を
頭がおかしいと表現するのもいささか 今のトレンドです！とか言って4,5年前流行ったデザイン出してくるデザイナーはいるな
現実見ろよと言いたくなる 4～5年前ならまだいいけど
それいつの？！ってサイトあるからなぁ
企業のサイトに多いけど
大手ですらおまそれ10年前やろってままのあるし IT企業やサービス業でなければ、見えれば良いって思ってるから。
XHTMLの一部上場企業を探すのも苦労しない。 >>767
えとな。企業っていうのはサイトを公開するのが仕事じゃないんだ
ケーキ屋だったらケーキを作る
花屋だったら花を売るのが仕事なんやで それは工場の仕事であり、企業の仕事はもっと広いのです PDFの裏にあるPostScriptなんか誰も気にしないのと同じ。 >>753
未だにそんなものをビジネス用途で使うとこは会社の体制を疑うわ >>767
その位年数経てば一回りして逆にいいかもしれんｗ ウェブサイトなんて目的を達成できてればそれでいいからな 阿部さんのほ～むペ～じは
1996～8年の最新トレンドだからな
でも最近、また横にメニューフレームおくデザイン流行ってるから
20年たって一回りしたのかも sassの教科書買おうか迷ってるんだけど買わなくても身につく？どうしよう。 >>779
タイトルしか知らないけど
特に困ることはないな ネットで入門って検索してたら大抵のことは身につかないかね… >>781
そう？
95年に始めて以来、本なんて
おじさんほとんど買ったことないよ
わからんことは作った人に聞くのが一番だよ 昔はネットの情報も少ないし通信費もあったしで
本とかかったけど今はネットで検索する方が早いからなぁ ブラウザ間での改行幅の扱いで困ってます
Chromeでpreで囲まれた範囲をマウス右ドラッグすると次の画像のようになります
https://i.imgur.com/XkPkMkF.jpg
改行幅の指定がおかしいのかとline-heightやfont-sizeなど関連するCSSを
いじっても一向に変化しません
もちろんFirefoxではそうならずに改行幅とフォントサイズは一致しており、
上の画像のように重なった部分は現れずドラッグした範囲は一色で塗りつぶされます
これを解消するには改行幅を充分に（150%など）とるしかありません
何が困るかと言うとこのpreの内部で特定文字にだけbackground-colorした場合に
塗られる範囲が上下行にかぶってしまい、上下行の文字が見えなくなるのです
確か過去バージョンのChromeではこんな重なりは無かったように思います
この塗りの範囲を改行幅（行の高さ）を維持したままでCSSでどうにかする方法はあるのでしょうか？
また何かヒントがあれば教えていただけるとありがたいです >>786
今書いているコードを見せないとはどう言う了見だい？ >>786
ならない
preだけじゃなくなんかタグがある or cssでなんかやってる >>786
そんだけ長文かく元気があるなら
HTMLとCSSを晒せよこのマゾ野郎！
http://jsfiddle.net/ まあ長文読む気なんかないよね
要するにフォントサイズの縦幅と改行幅をぴたっと揃えたいって話なんだけど
リセットCSSでもだめ
ここには分かる人が居ないってことがわかりました
どうもありがとうございました そ、そんなこと言っても答えだけ書いてあげたりしないんだからね！ >>791
ちゃんと読んでコード書いて試して答えてあげたのにこれだよ
正確には「必要な情報を出さない質問に答えられる人はいない」だな
今出てる情報ではそんな症状にはならないから
まずは質問できるレベルになれるように勉強してね コードも見せずに質問するやつなんてまじめに答えるだけ無駄やで UIを作るのに、
CSSのグラデーションやCanvasを使用することは多いですか？
それとも自分でイラレやフォトショを使って画像を用意することの方が多いですか？
もし後者の場合、イラレとフォトショはどちらの方が使えると今後に良いでしょうか？
両方使用するのが一番だとは思うのですが、毎月の出費が痛くて・・・
宜しくお願いします UIというかサイトにもよるけど
・CSS+アイコンフォント
・CSS+SVG
がほとんどかな
画像でごちゃごちゃすることあんまりない
イラストや装飾多いサイトなら画像もありだけどそうでなかったらわざわざ画像にする必要ないし
イラレかフォトショかだけど、アイコンフォントやSVG作るにはイラレ、イラスト描くにはフォトショが向いてる
とだけ言っとく イラレ使えなくてもWEBの仕事はできるがフォトショ使えないのは話にならんからな >>796 そうそう、イラレで制作しない
データ送られてきた場合は編集するからイラレの基本は知ってるけど
以前のAdobeは購入したら終わり＝毎月の経費が掛からん
でも、最新verで送ってくる人の開けないaiファイルが多いんだよね・・・ >>793
いやいや
＞もちろんFirefoxではそうならずに改行幅とフォントサイズは一致しており、
って書いてるし
ブラウザ依存のバグの可能性があるから聞いただけですよ
知らないなら絡む必要なし >>802
だからChromeでもならないって書いただろ
preだけならならないの
他のタグやcssが原因でChromeだけがなってるんだからコード見せろって言ってんだよ webでのイラレ使いをもうみんなで追い出そうぜ
そうすればアドビとの無駄な契約が1つ減らせる。
イラレなんてデータ開く為だけに契約してるわ Flashが消されたように
フォトショ、イラレも消されればいいのに
あんなの標準じゃない、標準にしてはいけない XD便利だよ
win10の最新版じゃないと使えないゴミだけど XD便利だよ
win10の最新版じゃないと、使えなくてゴミになるけど CSSでのセレクタ(？)の指定方法について質問なんですが
.header > .article-text > a { font-size: 18px;}
クラス→クラス→aタグの指定方法がわかりません。上記のように書いたのですがどこがおかしいのでしょうか？
（article-textクラスは複数あります。） >>810
おかしくないぞ
> の意味を勘違いしてるんじゃ？
htmlも出して >>811
<div class="header">
<div class="article-text">
<script type="text/javascript">
○○○○〇〇〇〇
</script>
</div>
</div>
中途半端な小出しで申し訳ありません。
JavaScriptで外部サイトから得たaタグへの編集を行なおうとしていました。
クラス→クラス→タグの場合の指定方法が分からなかったので質問させてもらいました。（＞の後はドットが必要なのか等）
HTMLを見直してみます。
問題点を絞ることができ大変参考になりました。ありがとうございます。 >>804
>>806
おま環が標準だと世界中が困るｗ div.header > div.article-text > a
だろ イラレが要らないって意見フロントエンジニアなら理解できるけどデザイナーで言ってんなら機械音痴のジジイかな？って思っちゃうね 他人のサイトのソースをコピーして自分のサイトで使うのは
権利・倫理面で問題ないのでしょうか？
HTML,CSS共に参考にすることあるんですけど
「パクってんじゃねーよ」的なお叱り受けるのかなと。 ケース・バイ・ケースだよ。
現実してはみんな多かれ少なかれやってる。
バレたくないなら少し改変するとか。 比率の問題でしょ
あるサイトのコードが1千行あるとして
そこから10行コピーしてもコピーしたとは思われないないけど
数百行コピーすればコピーしたと思われる 要素一つだけ使ってそのbackground-colorを一部分だけ表示させたいんだけど無理だっけ？
（一部以外は透明でも不透明でもかまわない） >>819
>>820
ありがとうございます。
大層なものは作れるレベルじゃないので問題なさそうですね。
少しずつ参考にする形でやります。 >>823 ㌧
beforeが使えるかもしれない
やりたいのはこんな感じ
http://jsfiddle.net/ba93sc1h/
これでmargin-topのautoが効いて中央に表示できれば・・
みたいな 企業サイトを作るのにwordpressって利点多い？
テンプレート作成の手間か、プラグインによる機能の後付の利便さか、で迷ってる >>825
素人がガンガン更新するなら良いかも知れないけど
そうでないならそれほどでも >>827
クライアント側の素人さんが自分で告知のニュースとかを更新したいという要望に応えるならかな レアケースかも知れんが
普通にデザインしてコーディングして必要ならJSで動きもつけて…
って普通に作ったサイトをポコっとWPに当てはめ
字面とか、コード複製でなんとかなる部分は客が更新
難しいところはこっちに振ってもらって都度請求
ってスタイルで運用してるサイトがいくつかあるな 運用してる会社がなく、やめるとなるともれなく死亡するスタイルな いや、俺が知る限りだが、それやってるの数社ある
望みは捨ててはいけない >>829
いやいや地方じゃ結構需要あるスタイル
毎月更新料は払いたくないがちょっとした更新は自分らで簡単にやりたいとか
個人経営の小口案件でははわりとある。あとトラブル対処は案外そういうとこの方がチマチマ取れるもんだ 大手代理店とそこそこ大企業案件でもそういうのやるよー
このHTMLをコピペするとこういうレイアウトになります
っていうコンポーネント集を一緒に作って渡して
お客さんが自分で更新していくスタイル dreamweaverCCでコードビューのソース自動改行を「無し」にすると
ソースの右端が切れるんだけどなにこのクソ仕様・・・
事故るわこれ <span style="font-family:'Times New Roman'; font-size:15pt">あ</span>
<span style="font-family:'Times New Roman'; font-size:15pt">い</span>
<span style="font-family:'Times New Roman'; font-size:15pt">う</span>
<span style="font-family:'Times New Roman'; font-size:15pt">え</span>
<span style="font-family:'Times New Roman'; font-size:15pt">お</span>
見たいなHTMLを
<span style="font-family:'Times New Roman'; font-size:15pt">あいうえお</span>
に修正してくれるソフトはありますか？ `<span style="font-family:'Times New Roman'; font-size:15pt">` +
`<span style="font-family:'Times New Roman'; font-size:15pt">あ</span>
<span style="font-family:'Times New Roman'; font-size:15pt">い</span>
<span style="font-family:'Times New Roman'; font-size:15pt">う</span>
<span style="font-family:'Times New Roman'; font-size:15pt">え</span>
<span style="font-family:'Times New Roman'; font-size:15pt">お</span>
`.replace(/<span style="font-family:'Times New Roman'; font-size:15pt">(.*)<\/span>\n?/gu, '$1') +
`</span>` 正規表現だけでやるのは俺は無理だなあ…
俺ならperlでもphpでもいいから、
1行ずつマッチしたものを変数に結合していって最後に取り出しかな。 正規表現は面倒くさいので､なにか自動的にやってくれるソフトないですかね？
HTML整形ソフトにそんな機能は無いのでしょうか？ >>841
単なる､｢あいうえお｣じゃなくて長文なんですよ。 ピンポイントすぎるw
そんな機能を持つソフトは知らん。
スクリプト書くスキルは必要だよ。
こういう機会に覚えていくもんだよ。
役に立たないレスですまんが… >>843
htmlは初めて触ったもんで､なにも知らんです。
PDF→HTML→某ソフト取込をした後にレイアウト修正が上手くいかないのでHTMLをいじろうと思ったら､このような無意味なコードが沢山ありまして､困っています。
こんな馬鹿なコードはあまりないんですかね？ 例えばだけど、
Wordなんかで原本を作って変換すると、人間ならしないバカなコードは出るよ。
その話からして変換してるから仕方ない。
ブラウザに表示された文章をコピーした方が早くない？（笑） 電子書籍をHTML化しているので､コピペは物理的に無理ですね。 HTMLでどうこうするスレだから、ここでは難しい気がする。
アプリかスクリプトのスレじゃないかなあ？
お題を具体的に言わないと冷たくされて終わりそうだけど。 PDF（Wordなんかもそうだが）からHTMLに変換する方法には
大きく二種類ある
一つは、PDFのデータを解析して出力する方法
もう一つは、PDFを（仮想的に）印刷して、その印刷データを解析する方法
基本的に前者が取られるがこの場合、PDFをどうやって作成しているかが重要になる
ただしく作成しているのなら、>>836のようなことにはならなが
オーサリングソフトなどを使って、GUIで作成していると、
見た目とデータがめちゃくちゃになることがある。
例えば、文書の一部を黒塗りしたけど、データとしては残ってたなんて話があるだろ？
あれは、文章の上に黒い矩形をおいただけだから。見た目には消えててもデータ的には消えてない
他にも、第一版として作成された文章を誤字をなおすために、上から書き加えると
データ的には変わってなくて、修正済み文字が最後の方に登場したりする
図形（文字が含まれる）を後から追加したため、そのページの最後の方でいきなり図形の文字が登場する
見た目には段落になってるが、文字を大きくしただけ
とか、まあめちゃくちゃ。見た目とデータの位置が正しくなかったりする
PDFを（仮想的に）印刷して、その印刷データを解析する方法を使えば
そういったことは起こらないだろうが、今度はただ単にもっと処理が難しいだろうな Googleドキュメントで画像から文字化してくれるからこれ使えば？ 文字ごとを括ってるタグ一緒なら一括置換で消せばよくね？ ■ このスレッドは過去ログ倉庫に格納されています
