ベストアンサー

ライン素材の貼り付け方

2007/04/16 14:49

自分でホームページを作成しています。そこで初歩的な質問ですが、無料の素材屋さんなどで保存したラインの画像はどのように貼り付けたらいいのか教えてください。例えば横幅190×縦20の画像を横幅900で使いたい時、そのまま画像を貼り付けて横幅900に設定したら画像自体が伸びてしまいますよね・・・。自分でペイントなどで編集してから使うしかないのでしょうか？そうすると画像が汚くなったり、うまく編集できない画像とかもあるみたいなので、何か他に方法があるのかな・・・と思いまして。色々調べたんですが、あまりにも初歩的なことなのか見つけられなくて。誰か教えてください。

hime_sama
お礼率37% (23/61)

その他([技術者向] コンピューター)
回答数3
ありがとう数1

みんなの回答 （3）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

Oh-Orange
ベストアンサー率63% (854/1345)

2007/04/16 17:59 回答No.3

★あっ、ID を指定したほうが良いかもしれない。・スタイルシート部の『TD』に『#Line TD{ … }』という風に『#Line』を追加する。　その後、<TABLE>タグに『ID=Line』というのを追加する。　これで他の他の <TD> を区別を付けれる。・なお、ID の『Line』は自由に付けれる名前です。ライン素材なので『Line』と名づけた。 <HTML> <HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=Shift_Jis"> <META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css"> <STYLE TYPE="text/css">  </STYLE> <TITLE>タイトル</TITLE> </HEAD> <BODY> <TABLE ID=Line><TR><TD WIDTH:900 BACKGROUND="素材屋さんライン(上).gif">　</TD></TR></TABLE> 　：　：　：　：　：<BR> <TABLE ID=Line><TR><TD WIDTH:900 BACKGROUND="素材屋さんライン(下).gif">　</TD></TR></TABLE> </BODY> </HTML> その他: ・これが最終版！

質問者

お礼 2007/04/25 10:11

ご丁寧にありがとうございました。参考にさせていただきます。

ログインすると、全ての回答が全文表示されます。

その他の回答 (2)

Oh-Orange
ベストアンサー率63% (854/1345)

2007/04/16 17:51 回答No.2

★ごめん！・スタイルシートではできなかった。　でも<TABLE>タグならできた！　下にそのサンプルを載せる。 <HTML> <HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=Shift_Jis"> <META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css"> <STYLE TYPE="text/css">  </STYLE> <TITLE>タイトル</TITLE> </HEAD> <BODY> <TABLE><TR><TD WIDTH:900 BACKGROUND="素材屋さんライン(上).gif">　</TD></TR></TABLE> 　：　：　：　：　：<BR> <TABLE><TR><TD WIDTH:900 BACKGROUND="素材屋さんライン(下).gif">　</TD></TR></TABLE> </BODY> </HTML> その他: ・確認取った。上手くいったよ。・以上。

ログインすると、全ての回答が全文表示されます。

Oh-Orange
ベストアンサー率63% (854/1345)

2007/04/16 17:42 回答No.1

★スタイルシートなどを利用すれば良い。 <HTML> <HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=Shift_Jis"> <META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css"> <STYLE TYPE="text/css">  </STYLE> <TITLE>タイトル</TITLE> </HEAD> <BODY> <IMG SRC="素材屋さんライン(上).gif"><BR> 　：　：　：　：　：<BR> <IMG SRC="素材屋さんライン(下).gif"><BR> </BODY> </HTML> その他: ・上記のやり方以外にも<TABLE>タグを利用する方法もあります。　<TABLE>タグの BACKGROUND 属性で画像を指定すればライン画像が繰り返されます。・以上。参考に！

ログインすると、全ての回答が全文表示されます。