Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

ヘルプの「Windows 10 でのファイル拡張子関連付け」「Grep」「Grep置換」の画像がやたら大きくて見づらい問題に対処 #1328

Merged
merged 4 commits into from
Jul 4, 2020
Merged

ヘルプの「Windows 10 でのファイル拡張子関連付け」「Grep」「Grep置換」の画像がやたら大きくて見づらい問題に対処 #1328

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
8ddcb88
「Windows 10 でのファイル拡張子関連付け」「Grep」「Grep置換」の画像がやたら大きくて見づらい問題に対処
beru Jun 28, 2020
63b22f8
「Windows 10 でのファイル拡張子関連付け」ページの画像が大きく表示される問題に対処
beru Jun 28, 2020
5432a98
ヘルプ更新
beru Jul 3, 2020
af16b9e
レビュー指摘対応
beru Jul 4, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
24 changes: 15 additions & 9 deletions help/sakura/res/HLP000374.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,12 @@
<link rel="shortcut icon" href="images/favicon.ico">
<TITLE>Windows 10 でのファイル拡張子関連付け</TITLE>
<META NAME="MS-HKWD" CONTENT="Windows 10 でのファイル拡張子関連付け">
<style type="text/css">
div.li200 {
margin-top:0.5em;
margin-bottom:0.5em
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

cssセレクタ指定が変です。

div.li200 ← cssクラスli200 を指定された div タグを意味する

9割くらい「元の記述を活かしました」だと思うので、どうだったら良いと思うかだけ書いておきます。

.li200 img {
	margin-top:0.5em;
	margin-bottom:0.5em;
	max-width: 100%;
}

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

クラス名に .li200 が指定されている div タグ側ではなく、子孫セレクタを使って子要素の img タグ側に適用するようにした方がなぜ良いのかについては書かれていないのでよくわかりません。max-width: 100% の効果は良いですね。このページだけでなく他のページでも使うと決めるのであれば使った方が良いと思います。

ところでdivタグのブロックの中にはimgしか配置されていないので、それだけならわざわざdivタグで囲む意味が無さそうです。HTML書く時の癖かもしれないし、後々他の要素を追加する事を考えての事かも知れないですね。まぁ諸々細かい事なんで表示に問題が無ければ別にそのままで良いかなと思います。

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

何故って、スタイル指定したい対象は img だと思ったからです。

div.li200 を .li200 に変えることによって、div を span に変えても機能するようになります。

まぁ、結論として無視してかまわないくらいに細かいことだと思ってますけどｗ

}
</style>
</HEAD>
<BODY>
<script type="text/javascript" src="item.js"></script>
Expand All @@ -25,31 +31,31 @@ <h3>関連付け作業</h3>

1. スタートボタンをクリック または Windowsキーを押す<br>
2. <strong>設定</strong>ボタンをクリック<br>
<div class=li200><img src="images/FileAssoc-1-StartMenu.png" style="zoom:1.0;" /><br></div>
<div class=li200><img src="images/FileAssoc-1-StartMenu.png"><br></div>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

元の記述だと思うので修正不要ですが、<br>要らんですね・・・。

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

不要そうですね。削除する必要があるかというとそうでもないと思います。

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

スルーしていいと思いました:smile:

この <br> に表示上の効果を持たせたいなら <br>&nbsp; などとする必要があるはずです。


3. <strong>アプリ</strong>をクリック<br>
<div class=li200><img src="images/FileAssoc-2-Setting.png" style="zoom:1.0;" /><br></div>
<div class=li200><img src="images/FileAssoc-2-Setting.png"><br></div>

4. <strong>規定のアプリ</strong>をクリック<br>
<div class=li200><img src="images/FileAssoc-3-Application.png" style="zoom:1.0;" /><br></div>
<div class=li200><img src="images/FileAssoc-3-Application.png"><br></div>

5. 以下の画面で下までスクロールする<br>
<div class=li200><img src="images/FileAssoc-4-DefaultApp.png" style="zoom:1.0;" /><br></div>
<div class=li200><img src="images/FileAssoc-4-DefaultApp.png"><br></div>

6. <strong>ファイルの種類ごとに既定のアプリを選ぶ</strong>をクリック<br>
<div class=li200><img src="images/FileAssoc-5-ChooseDefaultApp.png" style="zoom:1.0;" /><br></div>
<div class=li200><img src="images/FileAssoc-5-ChooseDefaultApp.png"><br></div>

7. 以下の画面で下までスクロールする<br>
<div class=li200><img src="images/FileAssoc-6-ChooseDefaultApp.png" style="zoom:1.0;" /><br></div>
<div class=li200><img src="images/FileAssoc-6-ChooseDefaultApp.png"><br></div>

8. <strong>.txt</strong> の右の<strong>メモ帳</strong>をクリック<br>
<div class=li200><img src="images/FileAssoc-7-ChooseDefaultAppTxt.png" style="zoom:1.0;" /><br></div>
<div class=li200><img src="images/FileAssoc-7-ChooseDefaultAppTxt.png"><br></div>

9. <strong>サクラエディタ</strong>をクリック<br>
<div class=li200><img src="images/FileAssoc-8-ChooseDefaultAppTxt.png" style="zoom:1.0;" /><br></div>
<div class=li200><img src="images/FileAssoc-8-ChooseDefaultAppTxt.png"><br></div>

10. 以下の画面になり、関連付けが完了<br>
<div class=li200><img src="images/FileAssoc-9-ChooseTxt-Sakura.png" style="zoom:1.0;" /><br></div>
<div class=li200><img src="images/FileAssoc-9-ChooseTxt-Sakura.png"><br></div>


</BODY></HTML>
Binary file modified help/sakura/res/images/FileAssoc-1-StartMenu.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified help/sakura/res/images/FileAssoc-2-Setting.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified help/sakura/res/images/FileAssoc-3-Application.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified help/sakura/res/images/FileAssoc-4-DefaultApp.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified help/sakura/res/images/FileAssoc-5-ChooseDefaultApp.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified help/sakura/res/images/FileAssoc-6-ChooseDefaultApp.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified help/sakura/res/images/FileAssoc-7-ChooseDefaultAppTxt.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified help/sakura/res/images/FileAssoc-8-ChooseDefaultAppTxt.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified help/sakura/res/images/FileAssoc-9-ChooseTxt-Sakura.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified help/sakura/res/images/Grep.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified help/sakura/res/images/GrepReplace.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.