━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ┏┏┏ まぐまぐID : 0000092208 発行責任者 : 西久保 希光 　　　┏ ┏┏ ホームページ楽々講座 NO.013 2002.07.02 　　 ┏┏ ┏ SALTY Home Page : http://www.salty1.com/ 　　　　 ┏┏┏ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ■フレームページのソースを表示する 　各号のサンプル画面は 「SALTY」ホームページでご覧頂けますが、フレー ムを使用していますので、「表示」→「ソース」とクリックしても、本体の ソースは表示されません。 　ソースを表示するには、画面を右クリック、→「ソースの表示」をクリッ クします。画像を保存するには、画像を右クリック、→「名前を付けて画像 を保存」をクリックします。 ■文字に影を付ける 　１２号のサンプル画面のタイトル「MYHOMEPAGE」の文字に影が付いていま すが、このように影を付けるにはどうしたら良いのかというご質問がありま したのでお答えします。
MY HOMEPAGE
　影を付ける記述は 「filter:shadow(color=gray, direction=150)"」の部 分です。それと「width:100%」の記述も必要です。「color=gray」は影の色、 「direction=150」は影が付く方向です。180°以上にすると、影は左側にな ります。 ■テーブルに額縁風枠を付ける 　あと一つご質問がありました。テーブルの外枠を額縁のように表示する方 法です。「border-style」と「border-color」を使います。 　「ボーダースタイル」には下記の種類があります。 　ridge　solid　dotted　dashed　double　groove　inset　outset ■画像に額縁風枠を付ける 　テーブルを使わなくても、画像に枠を付けることができます。
■リンクスポットの画像の枠線を消す 　リンクスポットに画像を使った場合、画像の周りに枠線が付きます。この 枠線を付けないために、下記のように「BORDER="0"」を加えましたね。 ■リンクスポットの文字の下線を消す 　リンクスポットに文字を使った場合には下線が付きます。この下線が付か ないようにするには、「STYLE="TEXT-DECORATION:none"」を加えます。 次ページへ ■画像を右寄せにする 　「NEXT」ボタンをページの右端に表示するには 「ALIGN="right"」を使っ て、下記のように記述しましたね。 ■文字を右寄せにする 　「次ページへ」の文字を右寄せにするには「text-align:right」を使い、 下記のように記述します。
次ページへ
■文字を右端から離す 　「次ページへ」の文字をページの右端から 30px 離して表示するには、 「margin-right」を使います。
次ページへ
■画像を右端から離す 　では、「NEXT」ボタンをページの右端から 30px 離して表示するには、ど うすれば良いでしょうか？　色々な方法が考えられますが、私は「HSPACE」 を使うことにしました。 　「HSPACE」は画像と回り込んだ文字、または画像同士の横方向の間隔を指 定するものですが、ページの端からの間隔にも対応します。縦方向の間隔は 「VSPACE」で指定します。 　下記のソースを「fourth.html」という名前で保存します。 -------------------------------------------------------------------- Sample 13
MY HOMEPAGE


テーブルに額縁風枠を付ける


画像に額縁風枠を付ける

文字を右端に表示
次ページへ

文字を右端から離して表示
次ページへ

画像を左右の端に表示


画像を左右の端から離して表示
******************************************************************** ※このマガジンを読んでも解らない場合は、下記ホームページの「ＰＣ質問 　箱」でご質問ください。 ※各号のブラウザで表示したサンプル画面は 「SALTY」ホームページでご覧 　頂けます。 ※途中から購読された方は、「まぐまぐ」または「SALTY」ホームページで、 　バックナンバーの創刊号からダウンロードしてください。 ※パソコン全般に関するマガジン「６４歳パソコン教師の日記」もよろしく 　お願いいたします。まぐまぐID : 0000022784 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ┏┏┏ まぐまぐID : 0000092208 発行責任者 : 西久保 希光 　　　┏ ┏┏ ホームページ楽々講座 NO.013 2002.07.02 　　 ┏┏ ┏ SALTY Home Page : http://www.salty1.com/ 　　　　 ┏┏┏ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ※ このメールマガジンの読者登録解除は下記のホームページから出来ます。 http://www.salty1.com/rakuraku.html ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ このメールマガジンは、インターネットの本屋さん『まぐまぐ』を利用して 発行しています。( http://www.mag2.com/ ) ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━