[HOME]   [よくある質問集]   [サポート掲示板トップへ]   [BACK]   [レス投稿]



 ■--なぜ・・・?
 >>>ゆみ -[URL]  -- 2002/09/10-19:54..No.[16955]
    はじめまして!最近HPの製作を始めたばっかりの初心者です。さっそくですが質問です!
あるHPで文字を光らす技を発見し、さっそく自分のHP名で試してみました。もともとただの赤い字で"metallic butterfly(これがHP名)"とあったのが見事光ったのですが、なぜか画面の中心に行きません。もともとは中心にあったのですが…。
その問題の部分が以下です:

<div align=center><font STYLE=position:absolute;filter:Glow(color=white) color="red"><h1>metallic butterfly</h1></font></div>

<div align=center>と</div>で挟んでいるのでうまくいきそうなんですが、なぜか文字を光らせると左端のままで動きません!もしよかったら私のURLに行ってみてください。問題のページがすぐ表示されます。
わかりにくい質問だと思いますが、アドバイスお願いします。




>>>   -- 2002/09/10-20:02..No.[16957]
 
    <div align=center>では無く、<div align="center">です。
<font-color=white>も<font-color="white">に直してくださいね。

また画像がすべてC:から呼び出しになっています。
これは見る人のコンピューターにある画像を呼び出す指定です。
当然同じ画像が同じ場所に無い限り、見ることができません。
背景などの画像もeasterにアップロードして、呼び出し指定もeasterのURLに変更してください。
それから日本語(漢字やカタカナなど)や全角のファイル名では通常アップロードできませんので、必ず半角英数字でファイル名をつけるようにしてください。

 

>>> ゆみ -[URL]  -- 2002/09/10-22:05..No.[16967]
 
    お返事有難うございます!
<div align="center">と<color="white">にしてみましたが、まだ中央に寄りません…なにが間違ってるのかなぁ…。
それから画像をeasterにアップロードという事ですが、正確にはどういう風にやったら良いんですか?今まで背景などの画像は:C:\homepage\butterflyBG.jpg
のようになっていましたが、試しに:
file:///C:/homepage/butterflyBG.jpg
のようにしてみました。多分違ったやり方だと思うのですが…どうやってやったらいいのかよくわかりません。
何度もすいませんが、またアドバイスもらえたら嬉しいです♪
 

>>> ひなこ   -- 2002/09/10-22:16..No.[16968]
 
    アップロードはファイルマネージャーからでも出来るのですが、
FTPのほうがオススメです。以下の「ご説明」をお読みください。
http://www.easter.ne.jp/main-data/set.html

失礼ですが、まだHTML初心者さんだと思われますので
以下のサイトさんなどで勉強してください。
それからでもスタイルシートは遅くないですよ^^
http://hp-design.net/html/
 

>>> anom   -- 2002/09/10-22:25..No.[16970]
 
    position:absolute;
これをはずせば恐らくゆみさんの意図した結果になります。

 

>>> qoo   -- 2002/09/11-15:46..No.[16979]
 
    *センタリングについて*
まず、「position:absolute;」は絶対値という捉え方になります。
ページの左端上を起点として、どこに置くのかを指定しないとまずいです。
ここらへんは、ひなこさんが紹介されたサイトで確認して下さいね。
# 絶対値なので値を誤ると他のコンテンツと重なってしまう危険性大です。 
今後自動挿入されるであろうヘッダー広告とだぶる事が出てくると思いますので、出来れば使わない方がいいかもです。
ちなみに「position:relative;」だと左上端からの計算ではなく置いた場所からを起点にします。
#ポジショニングは理解された上で使う様にした方がよいです^^

*フィルター効果について*
フィルター効果は範囲を指定してあげないと効果が出ないかと思いますので
「height:50;width:100%;」を追加してます。 この値はお好みで(widthのみでも可)設定されてください。
Glowにはカラーと強さのプロパティがあります。(カラーのみでも可、色々値を変えて効果を確認して下さい)
# フィルター効果はIE4.0以上に対応(IE独自の機能)、ネスケ4xだと表示が崩れるみたいですよ。

例1:<div align="center"><font style="position:relative;height:50;width:100%;filter:Glow(color=white,strength=10);" color="red">
例2:<div align="center" style="width:100%;filter:Glow(color=white,strength=10);"><font color="red">
この様に(他にも記述方法は有り)設定されたらよいかと思います。
なお「div align="center"」と「div align=center」はどちらでもいいですよ。
ダブルクォーテ「"」(あるいはシングルクォーテ「'」)で囲む方がお勧めではあります^^
解答しておいて今更なのですが、例をコピーして解決ではなく
必ず紹介されたサイトさんを読まれて、理解出来る様に努力して下さいね。
 



返信用フォームです

Name
Email
URL 自分のページで質問ある人は、必ずURL入れてね!!      
Message
Forecolor
Password     修正・削除に使用




■修正・削除: 記事Noと投稿時に入力したパスワードを入力し
edit(修正)又はdelete(削除)を選びupdateボタンを押下

No. Pass
はてなまん Ver0.57 Created by Tacky
コミュニティー版アレンジ By Nazca

女の子お絵かき掲示板ナスカiPhone修理