□ ゆずき [2005年12月04日17時41分]こんにちわ、初めまして。ゆずきという者です。どうしてもわからない事があるので教えてください。電光!&birthdayともに無事に設置に成功し、新規書き込み・誕生日登録共に問題なくできています。ただ・・・・気になるのは、表示されるアイコンとアイコンとのスペースが異様に空く事です。動作確認のために作成したページで、単独起動する際には問題ないのですが、組み込みたいページに設置した場合、上記のような現象が起こります。電光!に関しては、記事表示の幅を調節したいと思ってやすさんのサイトも参照してやってみましたが、単独ページでは変更されているのに肝心の組み込みたいページでは何の変化もありません。ほかに何か問題があるのでしょうか?新規投稿するにあたって、アイコン、スペース、レイアウト、幅etc・・・・色んなキーワードで検索してみましたが、解決しなかったのでよろしくお願いします。■プロバイダー:biglobe■サイト自体はソフトを使わず、テキストエディタでタグを手打ち(独学)■cgi設置経験:BBS、日記、他サイトのBBS、アンケートcgi、チャットetc単独動作ページhttp://www5f.biglobe.ne.jp/~happyroom/sample.htmlサイトTOPhttp://www5f.biglobe.ne.jp/~happyroom/ □ NXer [2005年12月04日22時29分]>ちわ、初めまして。はじめまして。NXerです。>単独ページでは変更されている>肝心の組み込みたいページでは何の変化もありません。原因をさがして、単独ページを見ました。---------------------------------thml><head><title></title></head><body>略-----------------------ゆずきさんの組み込みページは、こうです。----------------------------------------<html><head><title>☆目指せ! 上級者☆</title>(略)<style type="text/css"><!--body {background-image:略img {float:left; margin-right:65px; margin-bottom:30px}--></style></head><br><center>-------------------------------------タグの対応を見てください。<head></head><body></body>の<body>が下にはありません。それでも動くことから、styleが優先するのでしょうか。次に--------------------img {float:left; margin-right:65px; margin-bottom:30px}---------------------------このスタイル指定ですが、これは、birthdayやdenkohにも同じように作用しています。そのため、単独と異なる結果になったわけです。おそらく画像の位置決めや文字の回りこみのためにスタイルを使われていると思います。htmlのタグは、表現力が無いために初めからスタイルシートを使われていてすばらしいですね。ただ、cgiの中身にまで影響するとなると慎重に使う必要がありそうです。当方で上のimgのスタイル指定を削除したところ、問題は解消されました。中央配置ならcenterタグで処理できます。tableで位置を決めるのはしばしば批判されますが、ラインを非表示にしてセルの中にアイテムを配置するのも解決策です。ただ、手打ちの場合、詳細な出来上がり図を書いて、そうなるようにタグを書くしかないですね。いまは、無料のHP作成ソフトもありますから、遠慮なく使うのも想定されてはいかがですか。>プロバイダー:biglobeでは、birthdayの画像表示は時々問題がでます。birthdayの下に「今月は4人です」の文字はでていますが、メール、ホームページメッセージのアイコンがでていません。URLです。http://www5f.biglobe.ne.jp/~happyroom/cgi/birthday/img/home_off.gif上のルーペとパスは同じですが、表示しないように設定されているのでしょうか。http://www5f.biglobe.ne.jp/~happyroom/cgi/birthday/img/lupe.gifとりあえず、アイコン間のスペースの異様さは、スタイルシートが原因であることをお知らせします。 □ ゆずき [2005年12月04日23時58分]NXerさん、初めまして!!とても迅速な回答をありがとうございます。なるほど・・・・スタイルシートのimg指定がcgiにまで影響してたのですか・・・・。画像と文字をあまりくっつけるのは好きではないのですが、許容の範囲内でマージン指定を小さくしてみました。おかげさまで、修正前よりデザインがすっきりしましたvvどこが違うのか・・・タグのひとつひとつをチェックするのは、自らの経験からとても大変だったと思います・・・>_<貴重なお時間を割いていただき、本当にありがとうございました。
こんにちわ、初めまして。ゆずきという者です。どうしてもわからない事があるので教えてください。電光!&birthdayともに無事に設置に成功し、新規書き込み・誕生日登録共に問題なくできています。ただ・・・・気になるのは、表示されるアイコンとアイコンとのスペースが異様に空く事です。動作確認のために作成したページで、単独起動する際には問題ないのですが、組み込みたいページに設置した場合、上記のような現象が起こります。電光!に関しては、記事表示の幅を調節したいと思ってやすさんのサイトも参照してやってみましたが、単独ページでは変更されているのに肝心の組み込みたいページでは何の変化もありません。ほかに何か問題があるのでしょうか?新規投稿するにあたって、アイコン、スペース、レイアウト、幅etc・・・・色んなキーワードで検索してみましたが、解決しなかったのでよろしくお願いします。■プロバイダー:biglobe■サイト自体はソフトを使わず、テキストエディタでタグを手打ち(独学)■cgi設置経験:BBS、日記、他サイトのBBS、アンケートcgi、チャットetc単独動作ページhttp://www5f.biglobe.ne.jp/~happyroom/sample.htmlサイトTOPhttp://www5f.biglobe.ne.jp/~happyroom/
>ちわ、初めまして。はじめまして。NXerです。>単独ページでは変更されている>肝心の組み込みたいページでは何の変化もありません。原因をさがして、単独ページを見ました。---------------------------------thml><head><title></title></head><body>略-----------------------ゆずきさんの組み込みページは、こうです。----------------------------------------<html><head><title>☆目指せ! 上級者☆</title>(略)<style type="text/css"><!--body {background-image:略img {float:left; margin-right:65px; margin-bottom:30px}--></style></head><br><center>-------------------------------------タグの対応を見てください。<head></head><body></body>の<body>が下にはありません。それでも動くことから、styleが優先するのでしょうか。次に--------------------img {float:left; margin-right:65px; margin-bottom:30px}---------------------------このスタイル指定ですが、これは、birthdayやdenkohにも同じように作用しています。そのため、単独と異なる結果になったわけです。おそらく画像の位置決めや文字の回りこみのためにスタイルを使われていると思います。htmlのタグは、表現力が無いために初めからスタイルシートを使われていてすばらしいですね。ただ、cgiの中身にまで影響するとなると慎重に使う必要がありそうです。当方で上のimgのスタイル指定を削除したところ、問題は解消されました。中央配置ならcenterタグで処理できます。tableで位置を決めるのはしばしば批判されますが、ラインを非表示にしてセルの中にアイテムを配置するのも解決策です。ただ、手打ちの場合、詳細な出来上がり図を書いて、そうなるようにタグを書くしかないですね。いまは、無料のHP作成ソフトもありますから、遠慮なく使うのも想定されてはいかがですか。>プロバイダー:biglobeでは、birthdayの画像表示は時々問題がでます。birthdayの下に「今月は4人です」の文字はでていますが、メール、ホームページメッセージのアイコンがでていません。URLです。http://www5f.biglobe.ne.jp/~happyroom/cgi/birthday/img/home_off.gif上のルーペとパスは同じですが、表示しないように設定されているのでしょうか。http://www5f.biglobe.ne.jp/~happyroom/cgi/birthday/img/lupe.gifとりあえず、アイコン間のスペースの異様さは、スタイルシートが原因であることをお知らせします。
NXerさん、初めまして!!とても迅速な回答をありがとうございます。なるほど・・・・スタイルシートのimg指定がcgiにまで影響してたのですか・・・・。画像と文字をあまりくっつけるのは好きではないのですが、許容の範囲内でマージン指定を小さくしてみました。おかげさまで、修正前よりデザインがすっきりしましたvvどこが違うのか・・・タグのひとつひとつをチェックするのは、自らの経験からとても大変だったと思います・・・>_<貴重なお時間を割いていただき、本当にありがとうございました。