ラウンジ(兼FAQ掲示板)

アイコン表示(?)について。
過去ログ NO.1133708349
□ ゆずき [2005年12月04日17時41分]
こんにちわ、初めまして。
ゆずきという者です。
どうしてもわからない事があるので教えてください。

電光!&birthdayともに無事に設置に成功し、新規書き込み・誕生日登録共に
問題なくできています。
ただ・・・・気になるのは、表示されるアイコンとアイコンとのスペースが異様に
空く事です。

動作確認のために作成したページで、単独起動する際には問題ないのですが、
組み込みたいページに設置した場合、上記のような現象が起こります。

電光!に関しては、記事表示の幅を調節したいと思ってやすさんのサイトも参照してやってみましたが、単独ページでは変更されているのに肝心の組み込みたいページでは何の変化もありません。
ほかに何か問題があるのでしょうか?

新規投稿するにあたって、アイコン、スペース、レイアウト、幅etc・・・・色んなキーワードで検索してみましたが、解決しなかったのでよろしくお願いします。

■プロバイダー:biglobe
■サイト自体はソフトを使わず、テキストエディタでタグを手打ち(独学)
■cgi設置経験:BBS、日記、他サイトのBBS、アンケートcgi、チャットetc

単独動作ページ

http://www5f.biglobe.ne.jp/~happyroom/sample.html

サイトTOP

http://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

どこが違うのか・・・タグのひとつひとつをチェックするのは、自らの経験からとても大変だったと思います・・・>_<
貴重なお時間を割いていただき、本当にありがとうございました。

suepon.com | CGI作成/CGI制作 | JavaScript | ドメイン検索 | バナー自動作成 | Google ダンスツール | 松浦亜弥 | H.P.memo | パソコン | ネイル

Copyright (C) 2002 - 2008 suepon , All rights reserved. Powered by CGI Script Market.