テッ館

並べ替え: [ ツリー順に表示 | 投稿順に表示 ]

ソースの件 (親記事) - rysyy913

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<TITLE>柿木義一さんの応援HP</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<LINK href="siro22.ico" rel="SHORTCUT ICON">
<link rel="stylesheet" href="Kakinoki/styles.css" type="text/css">
</layer></head>

のソースで外部スタイルシートの内容は同じなのですが自分で変更してしまいました。ところで、すべてのページでも上にあるようなソースに変更しただけでも構わないのでしょうか。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<TITLE>柿木義一さんの応援HP</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<LINK href="siro22.ico" rel="SHORTCUT ICON">
<LINK rel="stylesheet" href="Kakinoki/styles.css" type="text/css">

</HEAD>
<body>

にすべてのページに統一する。ビルダーで変更されたページがあります。

例えば、
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<TITLE>柿木義一さんの応援HP</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<link rel="stylesheet" href="styles5.css" type="text/css">
<link rel="stylesheet" href="styles5.css" type="text/css">
<LINK href="siro22.ico" rel="SHORTCUT ICON">
</head>
<body>
です。

[No.625] 2007/11/30(Fri) 12:46:06

Re: ソースの件 (No.625への返信 / 1階層) - テツヤ

> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
> <html>
> <head>
> <TITLE>柿木義一さんの応援HP</TITLE>
> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
> <meta http-equiv="Content-Style-Type" content="text/css">
> <LINK href="siro22.ico" rel="SHORTCUT ICON">
> <link rel="stylesheet" href="Kakinoki/styles.css" type="text/css">
> </layer></head>
>
> のソースで外部スタイルシートの内容は同じなのですが自分で変更してしまいました。ところで、すべてのページでも上にあるようなソースに変更しただけでも構わないのでしょうか。
　なぜか「</layer>」が入ってますね。不要ですが。
　全てのページでこのソースで構いませんが、検索関係のタグがトップページには必要だと思いますが。キーワードや、description、検索を許可するか否かなど。

> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
> <HTML>
> <HEAD>
> <TITLE>柿木義一さんの応援HP</TITLE>
> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
> <meta http-equiv="Content-Style-Type" content="text/css">
> <LINK href="siro22.ico" rel="SHORTCUT ICON">
> <LINK rel="stylesheet" href="Kakinoki/styles.css" type="text/css">
>
> </HEAD>
> <body>
>
> にすべてのページに統一する。ビルダーで変更されたページがあります。
>
> 例えば、
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
> <html>
> <head>
> <TITLE>柿木義一さんの応援HP</TITLE>
> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
> <meta http-equiv="Content-Style-Type" content="text/css">
> <link rel="stylesheet" href="styles5.css" type="text/css">
> <link rel="stylesheet" href="styles5.css" type="text/css">
> <LINK href="siro22.ico" rel="SHORTCUT ICON">
> </head>
> <body>
> です。
　んー…変ですね…。なぜstyles5.cssの行が２つあるのだろう…？。それに関する設定とかプロパティーとかありませんか？。

[No.626] 2007/11/30(Fri) 21:10:17

Re: ソースの件 (No.626への返信 / 2階層) - rysyy913

> 　なぜか「</layer>」が入ってますね。不要ですが。
削除したというより、トップページ以外のページで模範とするソースを張り付けました。すると全体の文字が上になり左に寄りました。前の配列の方が余裕がありよかったです。

> 　全てのページでこのソースで構いませんが、検索関係のタグがトップページには必要だと思いますが。キーワードや、description、検索を許可するか否かなど。
具体的にはわかりませんのですみません。ソースを見ると、styles4.cssがあり、

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<TITLE>柿木義一さんの応援HP</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<link rel="stylesheet" href="styles4.css" type="text/css">
<style type="text/css">

になっていますが不足の点がありましたらご指摘願います。
>
> > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
> > <HTML>
> > <HEAD>
> > <TITLE>柿木義一さんの応援HP</TITLE>
> > <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
> > <meta http-equiv="Content-Style-Type" content="text/css">
> > <LINK href="siro22.ico" rel="SHORTCUT ICON">
> > <LINK rel="stylesheet" href="Kakinoki/styles.css" type="text/css">
> >
> > </HEAD>
> > <body>
> >
> > にすべてのページに統一する。ビルダーで変更されたページがあります。
> >
> > 例えば、
> > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
> > <html>
> > <head>
> > <TITLE>柿木義一さんの応援HP</TITLE>
> > <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
> > <meta http-equiv="Content-Style-Type" content="text/css">
> > <link rel="stylesheet" href="styles5.css" type="text/css">
> > <link rel="stylesheet" href="styles5.css" type="text/css">
> > <LINK href="siro22.ico" rel="SHORTCUT ICON">
> > </head>
> > <body>
> > です。
> 　んー…変ですね…。なぜstyles5.cssの行が２つあるのだろう…？。それに関する設定とかプロパティーとかありませんか？。

[No.627] 2007/12/01(Sat) 13:02:23

Re: ソースの件 (No.627への返信 / 3階層) - テツヤ

> > 　なぜか「</layer>」が入ってますね。不要ですが。
> 削除したというより、トップページ以外のページで模範とするソースを張り付けました。すると全体の文字が上になり左に寄りました。前の配列の方が余裕がありよかったです。
　トップページを観ると、index.html《
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<TITLE>柿木義一さんの応援HP</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<link rel="stylesheet" href="styles4.css" type="text/css">
<style type="text/css">

</style>
<LINK href="siro22.ico" rel="SHORTCUT ICON">

<style>

</style>
</head>
》ですが、
　スタイルシートは共通に「Kakinoki/styles.css」にしたんですよね？、それなら「styles4.css」は不要ですね。
　よって、《
<link rel="stylesheet" href="Kakinoki/styles.css" type="text/css">
》となる。
　それからその後の行にSTYLE要素があるが、これも不要というか「Kakinoki/styles.css」に記述を入れるべきですね。
　よって、《
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<TITLE>柿木義一さんの応援HP</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<link rel="stylesheet" href="Kakinoki/styles.css" type="text/css">
<LINK href="siro22.ico" rel="SHORTCUT ICON">
</head>
》となります。
　そしてスタイルシート、「Kakinoki/styles.css」は《
/* 「柿木義一さんの応援HP」用スタイルシート */
/* 編集：2007.12.01 */
BODY {background-image:url("2kaimizu.gif");
MARGIN:10px 5px 5px;LINE-HEIGHT:120%
;}
H1{
font-weight : bold;
line-height : normal;
word-spacing : normal;
letter-spacing : normal;
vertical-align : middle;
text-indent : inherit;
white-space : normal;
}
H5 {margin-top:0px; margin-bottom:0px; font-weight:normal; font-size:12pt; line-height:113%;}
.I1 {text-indent:-1em; margin-left:1em;}
.F2 {font-size:10pt; line-height:113%;}
.list{line-height:150%;}
.TAC{text-align:center;}
.lh2{line-height:150%;}
.big{font-size:200%; line-height:120%;}

TABLE{line-height:120%;}
TABLE.Rireki {margin-left:2em; font-size:10pt; line-height:113%;}
TABLE.VAT TR{vertical-align:top}
P{margin-top:10px; margin-bottom:10px; line-height:120%;}
UL.kajyougaki LI{letter-spacing:1px}
》となります。

>すると全体の文字が上になり左に寄りました。前の配列の方が余裕がありよかったです。
　…ということは、BODYのmarginの指定を変えたらどうですか？。
　例えば《
BODY {background-image:url("2kaimizu.gif");
MARGIN:10px 10px 10px 10px; LINE-HEIGHT:120%;}
》

[No.628] 2007/12/01(Sat) 15:22:40

Re: ソースの件 (No.628への返信 / 4階層) - rysyy913

> 　トップページを観ると、index.html《
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
> <html>
> <head>
> <TITLE>柿木義一さんの応援HP</TITLE>
> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
> <meta http-equiv="Content-Style-Type" content="text/css">
> <link rel="stylesheet" href="styles4.css" type="text/css">
> <style type="text/css">
> 
> </style>
> <LINK href="siro22.ico" rel="SHORTCUT ICON">
>
> <style>
> 
> </style>
> </head>
> 》ですが、
> 　スタイルシートは共通に「Kakinoki/styles.css」にしたんですよね？、それなら「styles4.css」は不要ですね。
そう言えます。

> 　よって、《
> <link rel="stylesheet" href="Kakinoki/styles.css" type="text/css">
> 》となる。
> 　それからその後の行にSTYLE要素があるが、これも不要というか「Kakinoki/styles.css」に記述を入れるべきですね。

STYLE要素は、削除しました。
> 　よって、《
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
> <html>
> <head>
> <TITLE>柿木義一さんの応援HP</TITLE>
> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
> <meta http-equiv="Content-Style-Type" content="text/css">
> <link rel="stylesheet" href="Kakinoki/styles.css" type="text/css">
> <LINK href="siro22.ico" rel="SHORTCUT ICON">
> </head>
> 》となります。
> 　そしてスタイルシート、「Kakinoki/styles.css」は《
> /* 「柿木義一さんの応援HP」用スタイルシート */
> /* 編集：2007.12.01 */
> BODY {background-image:url("2kaimizu.gif");
> MARGIN:10px 5px 5px;LINE-HEIGHT:120%
> ;}
> H1{
> font-weight : bold;
> line-height : normal;
> word-spacing : normal;
> letter-spacing : normal;
> vertical-align : middle;
> text-indent : inherit;
> white-space : normal;
> }
> H5 {margin-top:0px; margin-bottom:0px; font-weight:normal; font-size:12pt; line-height:113%;}
> .I1 {text-indent:-1em; margin-left:1em;}
> .F2 {font-size:10pt; line-height:113%;}
> .list{line-height:150%;}
> .TAC{text-align:center;}
> .lh2{line-height:150%;}
> .big{font-size:200%; line-height:120%;}
>
> TABLE{line-height:120%;}
> TABLE.Rireki {margin-left:2em; font-size:10pt; line-height:113%;}
> TABLE.VAT TR{vertical-align:top}
> P{margin-top:10px; margin-bottom:10px; line-height:120%;}
> UL.kajyougaki LI{letter-spacing:1px}
> 》となります。
>
ところでスタイルシートの変更の仕方ができなくなりました。
styles.cssの内容を、4月29日から12月1日に書き換えこのページを保存しました。ＦＦＦＴＰでアップしたのですが書き換えれていません。古いもので更新されていません。
そのため各ページの幅が同じです。

トップページは変更できましたが、これでよろしいでしょうか。

> >すると全体の文字が上になり左に寄りました。前の配列の方が余裕がありよかったです。
> 　…ということは、BODYのmarginの指定を変えたらどうですか？。
> 　例えば《
> BODY {background-image:url("2kaimizu.gif");
> MARGIN:10px 10px 10px 10px; LINE-HEIGHT:120%;}
> 》

[No.629] 2007/12/01(Sat) 17:00:59

Re: ソースの件 (No.629への返信 / 5階層) - rysyy913

> > 　そしてスタイルシート、「Kakinoki/styles.css」は《
> > /* 「柿木義一さんの応援HP」用スタイルシート */
> > /* 編集：2007.12.01 */
> > BODY {background-image:url("2kaimizu.gif");
> > MARGIN:10px 5px 5px;LINE-HEIGHT:120%
> > ;}
> > H1{
> > font-weight : bold;
> > line-height : normal;
> > word-spacing : normal;
> > letter-spacing : normal;
> > vertical-align : middle;
> > text-indent : inherit;
> > white-space : normal;
> > }
> > H5 {margin-top:0px; margin-bottom:0px; font-weight:normal; font-size:12pt; line-height:113%;}
> > .I1 {text-indent:-1em; margin-left:1em;}
> > .F2 {font-size:10pt; line-height:113%;}
> > .list{line-height:150%;}
> > .TAC{text-align:center;}
> > .lh2{line-height:150%;}
> > .big{font-size:200%; line-height:120%;}
> >
> > TABLE{line-height:120%;}
> > TABLE.Rireki {margin-left:2em; font-size:10pt; line-height:113%;}
> > TABLE.VAT TR{vertical-align:top}
> > P{margin-top:10px; margin-bottom:10px; line-height:120%;}
> > UL.kajyougaki LI{letter-spacing:1px}
> > 》となります。
> >
> ところでスタイルシートの変更の仕方ができなくなりました。
> styles.cssの内容を、4月29日から12月1日に書き換えこのページを保存しました。ＦＦＦＴＰでアップしたのですが書き換えれていません。古いもので更新されていません。
> そのため各ページの幅が同じです。
>
> トップページは変更できましたが、これでよろしいでしょうか。
>
> > >すると全体の文字が上になり左に寄りました。前の配列の方が余裕がありよかったです。
> > 　…ということは、BODYのmarginの指定を変えたらどうですか？。
> > 　例えば《
> > BODY {background-image:url("2kaimizu.gif");
> > MARGIN:10px 10px 10px 10px; LINE-HEIGHT:120%;}
> > 》

外部スタイルシートの更新ですが出来ました。
トップページの文字が大きくなってしまいました。
ありがとうございました。

[No.630] 2007/12/01(Sat) 17:42:55

Re: ソースの件 (No.630への返信 / 6階層) - テツヤ

> 外部スタイルシートの更新ですが出来ました。
> トップページの文字が大きくなってしまいました。
　ソースコードを観ると、全く滅茶苦茶ですね。
　index.html《
<h1 style="font-weight : normal;text-decoration : none;"><font size="+0">将棋プログラマー「柿木将棋」の作者　このHPは柿木義一さんに大変お世話になっています（感謝）。</font>

<font size="-2"><b><font size="+0">

将棋ソフト「柿木将棋8」で浦野真彦七段著「3手詰めハンドブック2」日本将棋連盟刊の検討をした優秀な余詰めを調べるソフトです。あとがきに紹介されています。</font></b><SPAN class=big></SPAN><sub><font size="+1">

</font></sub></font><font size="3" color="#ff0000"><sub>柿木さんが開発されたフリーソフトKifu for Javaはタイトル戦（竜王戦・棋聖戦・マイナビ杯など）の中継でも使われるようになり業界水準になりました。特にKifu
for Java3.00は持ち時間や自動更新ありなど大変便利で好評です。<font color="#ff0000"><SPAN class=big>

</SPAN></font></sub></font><font size="3"><sub><font size="-1"><font color="#000000"><SPAN class=big></SPAN></font></font></sub></font><font size="-2"><sub><font size="-1"><font size="-2" color="#000000"><SPAN class=big></SPAN></font></font></sub><SPAN class=big>

</SPAN></font><font size="4"><SPAN class=big></SPAN></font><font size="3"><SPAN class=big><a href="http://www.geocities.jp/rysyy913/Free.html">棋譜の小屋が閉鎖されたため、柿木将棋やKifu for Windowsの構成要素に上書きするファイルを作成。 <em><font color="#ff0000" size="-1" style="font-size : 100%;">2007/11/24</font></em></a></SPAN>

</font>

<font size="+0">・柿木将棋８の特徴など。</font></h1>
…
》
　先ず、《
<h1 style="font-weight : normal;text-decoration : none;">
》ですが、H1要素が複数行にわたって指定されている。H1～H6は見出しに目的で使われます。DIV要素のように、段落文章では有りません。
　しかも、インラインスタイルが指定されていますが、せっかく「Kakinoki/styles.css」で指定しているのにどうして？。
　Kakinoki/styles.css《
…
H1{
font-weight : bold;
line-height : normal;
word-spacing : normal;
letter-spacing : normal;
vertical-align : middle;
text-indent : inherit;
white-space : normal;
font-weight : normal; text-decoration:none;
}
…
》あ、font-weightで矛盾している。どちらかの指定にしてください。weightなのかnormalなのか。
　「text-indent:inherit」も不要。それから「inherit」はIEのバージョンによっては無効です。inherit＝親要素から継承する…ですが、見出しを前の文章のスタイルから継承するのですか？。
　「text-decoration:none」不要。H1～H6には最初からこの指定はnoneです。
　あれこれいってもキリがないのでテスト文書を参照。
http://www.geocities.jp/tetuya630213/Test.htm

[No.631] 2007/12/01(Sat) 20:25:19

Re: ソースの件 (No.631への返信 / 7階層) - rysyy913

> 　ソースコードを観ると、全く滅茶苦茶ですね。
ビルダーで更新するかもしくは作成するとソースがでたらめでなってしまいます。ビルダーの致命的なエラーを修正したのと自分で文字の大きさを変えたのみです。ソースはいじる自信がありません。

> 　先ず、《
> <h1 style="font-weight : normal;text-decoration : none;">
> 》ですが、H1要素が複数行にわたって指定されている。H1～H6は見出しに目的で使われます。DIV要素のように、段落文章では有りません。
H1要素で変更した覚えがあります。

> 　しかも、インラインスタイルが指定されていますが、せっかく「Kakinoki/styles.css」で指定しているのにどうして？。
> 　Kakinoki/styles.css《
> …
> H1{
> font-weight : bold;
> line-height : normal;
> word-spacing : normal;
> letter-spacing : normal;
> vertical-align : middle;
> text-indent : inherit;
> white-space : normal;
> font-weight : normal; text-decoration:none;
> }
> …
> 》あ、font-weightで矛盾している。どちらかの指定にしてください。weightなのかnormalなのか。
> 　「text-indent:inherit」も不要。
ビルダーの方で勝手に修正してくれるのです。私は詳しくわかりません。書物なりHPで調べなければわかりません。

それから「inherit」はIEのバージョンによっては無効です。inherit＝親要素から継承する…ですが、見出しを前の文章のスタイルから継承するのですか？。

これもビルダーが自動修正したおかげだろうと思います。

> 　「text-decoration:none」不要。H1～H6には最初からこの指定はnoneです。
> 　あれこれいってもキリがないのでテスト文書を参照。
> http://www.geocities.jp/tetuya630213/Test.htm

これから見本のファイルをアップしたいと考えています。
ほかのページにも間違ったところあるのでしょうが、私にはわからないのでご指摘くだされば助かります。

どうも親切に対応してくださり本当にありがとうございました。

[No.632] 2007/12/02(Sun) 15:14:14

Re: ソースの件 (No.632への返信 / 8階層) - テツヤ

> ほかのページにも間違ったところあるのでしょうが、私にはわからないのでご指摘くだされば助かります。
　そうだなー…。
http://www.geocities.jp/rysyy913/Free.html
はレイヤーを使ってますね。これは不要です。現在の文書形態では意味がありません。《
<body>;
<div style="top : 75px;left : 50px;
position : absolute;
z-index : 1;
" id="Layer1">◆ <U>データ集</U><a
…
<a href="http://www.geocities.jp/rysyy913/">戻る</a></div>
</body>
</html><!-- text below generated by server. PLEASE REMOVE
》BODY要素の直後の「;」も不要。
　DIVの開始タグと終了タグを削除。
　すると以下のようになる。《
<body>
◆ <U>データ集</U><a
…
<a href="http://www.geocities.jp/rysyy913/">戻る</a>
</body>
</html>
》文書全体で上と左にマージンが必要ですか？、マージンの幅をトップページと統一したらどうですか？、現在上が10pxで左右が5pxですね。もう少し幅を広げるとか。
　トップページでは「◆…」はH5要素を使ってませんでしたっけ？。そこら辺を統一してみたらどうですか？。少しスタイルが違うからそうしない…かな？。
　《
" id="Layer1">◆ <U>データ集</U><a href="http://www.geocities.jp/rysyy913/kaki071124.lzh">;(棋譜の小屋が閉鎖されたので棋士名、戦型、持ち時間、対局場所、掲載などを詳細に訂正）</a> (2007/11/24)<B><FONT color=#ff0000><EM>Ｕpdate</EM></FONT></B>
》ですが、以下のようにしてみては？。《
<H5>◆ データ集</H5>
　<a href="http://www.geocities.jp/rysyy913/kaki071124.lzh">(棋譜の小屋が閉鎖されたので棋士名、戦型、持ち時間、対局場所、掲載などを詳細に訂正）</a> (2007/11/24)<SPAN class=UpDate>Ｕpdate</SPAN>
》
　他のページも大体同じ感じのようだ。
　あと、《
<FONT size="4"><B>使用方法</B></FONT>
》というのもあるが、H6要素で指定する方法もある。

[No.633] 2007/12/02(Sun) 16:09:06

Re: ソースの件 (No.631への返信 / 7階層) - rysyy913

> 　しかも、インラインスタイルが指定されていますが、せっかく「Kakinoki/styles.css」で指定しているのにどうして？。
> 　Kakinoki/styles.css《
> …
> H1{
> font-weight : bold;
> line-height : normal;
> word-spacing : normal;
> letter-spacing : normal;
> vertical-align : middle;
> text-indent : inherit;
> white-space : normal;
> font-weight : normal; text-decoration:none;
> }
> …
> 》あ、font-weightで矛盾している。どちらかの指定にしてください。weightなのかnormalなのか。
> 　「text-indent:inherit」も不要。それから「inherit」はIEのバージョンによっては無効です。inherit＝親要素から継承する…ですが、見出しを前の文章のスタイルから継承するのですか？。
> 　「text-decoration:none」不要。H1～H6には最初からこの指定はnoneです。
> 　あれこれいってもキリがないのでテスト文書を参照。
> http://www.geocities.jp/tetuya630213/Test.htm

外部スタイルシートにはありません。

/* 「柿木義一さんの応援HP」用スタイルシート */
/* 編集：2007.12.02 */
BODY {background-image:url("2kaimizu.gif");
MARGIN:10px 5px 5px ;LINE-HEIGHT:120%
;}
H1{
font-weight : bold;
line-height : normal;
word-spacing : normal;
letter-spacing : normal;
vertical-align : middle;
white-space : normal;
}
H5 {margin-top:0px; margin-bottom:0px; font-weight:normal; font-size:12pt; line-height:113%;}
.I1 {text-indent:-1em; margin-left:1em;}
.F2 {font-size:10pt; line-height:113%;}
.list{line-height:150%;}
.TAC{text-align:center;}
.lh2{line-height:150%;}
.big{font-size:200%; line-height:120%;}

TABLE{line-height:120%;}
TABLE.Rireki {margin-left:2em; font-size:10pt; line-height:113%;}
TABLE.VAT TR{vertical-align:top}
P{margin-top:10px; margin-bottom:10px; line-height:120%;}
UL.kajyougaki LI{letter-spacing:1px}

一応、トップページのソースに直してあります。
10px、10px、10px、10px→10px、10px、5px

なぜ、10pxがなくなったかはわかりません。5pxになったのも同じ。せっかく左に寄るのでそのとうりにしたのに。

[No.636] 2007/12/02(Sun) 18:54:02

Re: ソースの件 (No.637への返信 / 8階層) - テツヤ

> http://www.geocities.jp/rysyy913/b.html
> ここにアップしました。
> 外部スタイルシートが違うらしいので自分で作成しました。
> 文字の大きさなどソースが違ったため題名が上に出てしまいました。
　だから、題名はH1要素を使用する。
　私が提示した外部スタイルシートは仮ですから、あなた好みに修正してください。FONT要素によるフォントサイズは、便利なようにみえて、決してそうではありません。大きさにかなりの差があり、ブラウザのバージョンによってはその大きさ比率が異なります。
　よって指定は「font-size:120%; line-height:120%」というふうにしてSPAN要素を使った方がいいですよ。
　それから親要素であるBODYに「line-height:…」を指定していると、子要素でフォントサイズを変えた時にも「line-height:…」を指定しないと文字の上部が削れたりしますよ。

[No.638] 2007/12/02(Sun) 20:56:44

Re: ソースの件 (No.638への返信 / 9階層) - 913

> 　だから、題名はH1要素を使用する。
これはソースについて言われているのでしょうか？

> 　私が提示した外部スタイルシートは仮ですから、あなた好みに修正してください。

はい。
ビルダーで修正する方法がまだわかりません。

>FONT要素によるフォントサイズは、便利なようにみえて、決してそうではありません。大きさにかなりの差があり、ブラウザのバージョンによってはその大きさ比率が異なります。

確かにそうです。

> 　よって指定は「font-size:120%; line-height:120%」というふうにしてSPAN要素を使った方がいいですよ。

外部スタイルシートに設定しなおすということでしょうか。
具体的にヒントだけでしょうが難しいです。

> 　それから親要素であるBODYに「line-height:…」を指定していると、子要素でフォントサイズを変えた時にも「line-height:…」を指定しないと文字の上部が削れたりしますよ。

これも外部スタイルシートを修正するところに入るのでしょうか。

昨日、見本でアップしたページをあげておきました。
不完全です。まだこれからほかの指摘されたページも改める努力をします。

とにかく、ホームページの作成は無限にできるのでそのたびに質問するようになってしまいます。自分である程度は修正できるようにはなったのですが外部スタイルシートまではまだ勉強していませんのでできません。

アドバイスと見本のページを作っていただきどうもありがとうございました。

[No.639] 2007/12/03(Mon) 11:27:34

Re: ソースの件 (No.639への返信 / 10階層) - テツヤ

http://www.geocities.jp/rysyy913/b.html
> > 　だから、題名はH1要素を使用する。
> これはソースについて言われているのでしょうか？
　はい。現在のは以下の様になっていますね。《
<H1 align="center">柿木義一さんの応援HP</H1>

<div class="Kousin" align="right">更新： 2007/11/30</div>
》「align="center"」とは書かずに、スタイルシートに記述する。
　同じく「align="right"」とは書かずに、スタイルシートに記述する。
　結果は《
<H1>柿木義一さんの応援HP</H1>

<div class="Kousin">更新： 2007/11/30</div>
》となります。
　外部スタイルシート「Kakinoki/styles.css」は《
H1{
font-weight : bold;
line-height : normal;
word-spacing : normal;
letter-spacing : normal;
vertical-align : middle;
white-space : normal;
text-align:center;
}
.Kousin{text-align:right}
》になる。変だな…「.Kousin」の所は削除したんですか？。
　外部スタイルシートは自分でnotepadなんかで編集するしかないですね。

> > 　よって指定は「font-size:120%; line-height:120%」というふうにしてSPAN要素を使った方がいいですよ。
> 外部スタイルシートに設定しなおすということでしょうか。
> 具体的にヒントだけでしょうが難しいです。
　つまり、「Kakinoki/styles.css」中《
BODY{line-height:120%}
H1{font-size:150%}
》ではなく、《
BODY{line-height:120%}
H1{font-size:150%; line-height:120%}
》とする。
　HTMLの記述は以下の場合です《
<BODY>
<H1>題名</H1>
…文章…
</BODY>
》

[No.640] 2007/12/03(Mon) 19:38:30

Re: ソースの件 (No.640への返信 / 11階層) - 913

> 　外部スタイルシート「Kakinoki/styles.css」は《
> H1{
> font-weight : bold;
> line-height : normal;
> word-spacing : normal;
> letter-spacing : normal;
> vertical-align : middle;
> white-space : normal;
> text-align:center;
> }
> .Kousin{text-align:right}
> 》になる。変だな…「.Kousin」の所は削除したんですか？。
いいえ、見本に沿ったものです。

> 　外部スタイルシートは自分でnotepadなんかで編集するしかないですね。
張り付けました。

> 　つまり、「Kakinoki/styles.css」中《
> BODY{line-height:120%}
> H1{font-size:150%}
> 》ではなく、《
> BODY{line-height:120%}
> H1{font-size:150%; line-height:120%}
> 》とする。
ということは自分で外部スタイルシートに新たに追加をするということですね。

このような外部スタイルシートが出来上がりました。
/* 「柿木義一さんの応援HP」用スタイルシート */
/* 編集：2007.12.03 */
BODY {background-image:url("2kaimizu.gif");
MARGIN:10px 5px 5px ;LINE-HEIGHT:120%
;}

BODY{line-height:120%}
H1{font-size:150%; line-height:120%}

H1{
font-weight : bold;
line-height : normal;
word-spacing : normal;
letter-spacing : normal;
vertical-align : middle;
white-space : normal;
text-align:center;
}
.Kousin{text-align:right}

H5 {margin-top:0px; margin-bottom:0px; font-weight:normal; font-size:12pt; line-height:113%;}
.I1 {text-indent:-1em; margin-left:1em;}
.F2 {font-size:10pt; line-height:113%;}
.list{line-height:150%;}
.TAC{text-align:center;}
.lh2{line-height:150%;}
.big{font-size:200%; line-height:120%;}

TABLE{line-height:120%;}
TABLE.Rireki {margin-left:2em; font-size:10pt; line-height:113%;}
TABLE.VAT TR{vertical-align:top}
P{margin-top:10px; margin-bottom:10px; line-height:120%;}
よろしいでしょうか。

http://www.geocities.jp/rysyy913/

↑のページでhttp://www.geocities.jp/rysyy913/b.html
をアップしなくても文字の形が変わりました。題名などです。

しかし、他のページは相変わらず左上に寄っています。
一度指摘されたので外部スタイルシートのpx値を変更すればいいと思います。

[No.641] 2007/12/03(Mon) 20:37:01

Re: ソースの件 (No.641への返信 / 12階層) - テツヤ

> > BODY{line-height:120%}
> > H1{font-size:150%; line-height:120%}
　これは例えです。最終結果は、《
/* 編集：2007.12.03 */
BODY {background-image:url("2kaimizu.gif");
MARGIN:10px 5px 5px ;LINE-HEIGHT:120%
}
H1{
font-size:150%;
line-height:120%;
font-style:italic;
letter-spacing:1;
text-align:center;
}
.Kousin{text-align:right}
…
》となります。「font-weight:bold;」「white-spacing:…」などは不要です。

>http://www.geocities.jp/rysyy913/b.html
> をアップしなくても文字の形が変わりました。題名などです。
　あ、もしかしたら斜体でしたっけ？。それも含めて上記で修正しました。不要なら「font-style:italic;」を削除してください。
　あと、文字間も1dotにしておきました。「letter-spacing:1;」不要なら「1」を「0」にしてください。

> しかし、他のページは相変わらず左上に寄っています。
> 一度指摘されたので外部スタイルシートのpx値を変更すればいいと思います。
　例えば
http://www.geocities.jp/rysyy913/Free.html
ですか？、
　なら、現在のでは幅が狭いと思うのでmarginの指定値を変更してください。《
BODY {background-image:url("2kaimizu.gif");
margin:15px 10px 10px 10px; LINE-HEIGHT:120%
}
》この場合のmarginの指定値の意味は、「margin:上値右値下値左値;」となります。細かい所はご自分で変更してください。

　あと、私のHTMLリファレンスは観ましたか？、他のnet上のHTMLリファレンスの方が信頼性はあるかも知れませんが、良かったら目を通してみてください。web上（つまりオンライン）ではなくPC上（つまりオフライン）で実行させるタイプのHTMLです。
http://www.geocities.jp/tetuya630213/Script.htm
　この中にHTMLリファレンスがあります。ダウンロードして解凍して、解凍して展開されたものをMy Documents内にでも移動して使ってください。

[No.642] 2007/12/03(Mon) 21:24:16

Re: ソースの件 (No.642への返信 / 13階層) - 913

外部スタイルシートを作ってくださり本当にありがとうございました。斜体の題名になりました。

> 　例えば
> http://www.geocities.jp/rysyy913/Free.html
> ですか？、
> 　なら、現在のでは幅が狭いと思うのでmarginの指定値を変更してください。《
> BODY {background-image:url("2kaimizu.gif");
> margin:15px 10px 10px 10px; LINE-HEIGHT:120%
> }
> 》この場合のmarginの指定値の意味は、「margin:上値右値下値左値;」となります。細かい所はご自分で変更してください。

わかりました。この指定された数字でも前と変化が見られないように感じます。
>
> 　あと、私のHTMLリファレンスは観ましたか？、他のnet上のHTMLリファレンスの方が信頼性はあるかも知れませんが、良かったら目を通してみてください。web上（つまりオンライン）ではなくPC上（つまりオフライン）で実行させるタイプのHTMLです。
> http://www.geocities.jp/tetuya630213/Script.htm
> 　この中にHTMLリファレンスがあります。ダウンロードして解凍して、解凍して展開されたものをMy Documents内にでも移動して使ってください。

ダウンロードさせていただきました。
暇を見てゆっくり見させてもらいます。
丁寧に答えていただきどうもありがとうございました。

[No.643] 2007/12/04(Tue) 14:45:05