不明な点がありましたら補足要求かけてください。よろしくお願い致します。
自分のHPにリンク先の背景を乗せ、後付けでその背景の上に動画像(heart1とbanner)2タイプを左右端上貼りたいのです。
以下が背景タグでこれに画像を乗せたいのです。
(プライベートな部分は★に変えてあります。)
<table width="390" border="0" cellpadding="3" cellspacing="0" bgcolor="#241C43" height="80">
<tr>
<td width="19%" height="52"><a
href="http://www.★.net/ring/index.htm" target="_top"> </a> <a href="http://www.★.net/ring/index.htm"><img src="heart1.gif" width="66" height="50" border="0"></a>
</td>
<td width="81%" height="52">
<div align="center"><a href="http://www.★.net/ring/index.htm"><img src="ring_banner.gif" width="306" height="35" border="0"></a><br>
<font size="1"> <font color="#FFFFFF"> ★★</font></font>
</div>
</td>
</tr>
<tr>
どうぞよろしくお願い致します。
No.2ベストアンサー
- 回答日時:
こんばんは。
#1です。再度失礼致します。下ではお答えしたことがご希望にあっていたようで何よりです(^^)
そうして補足に書かれているタグですが…。
私の環境(WinXP/IE6.0)では質問者様のお考えのとおり横並びに表示されますがどういった環境でご確認でしょうか?
また、タグはご質問のタグにそのまま続けてよろしいでしょうか。
と言いますのも、テーブルタグと言うものは、全体的な値設定によって表示がまったく変わってきます。もし現在の書き方で縦ならびになってしまう場合、ご質問のタグと補足のタグの間に何か他の記述があったらそのせいかもしれません。
今回のタグもあわせ、単純なミスを修正したものを記述しておきますので一度こちらをコピーして確認してみてください。
<table width="390" border="0" cellpadding="3" cellspacing="0" bgcolor="#241C43" height="80">
<tr>
<td width="19%" height="52><a href="http://www.★.net/ring/index.htm"><img src="heart1.gif" width="66" height="50" border="0"></a>
</td>
<td width="81%" height="52" valign="top" align="right">
<a href="http://www.★.net/ring/index.htm"><img src="ring_banner.gif" width="306" height="35" border="0"></a><br>
<div align="center"><font size="1" color="#FFFFFF">★★</font></div>
</td>
</tr>
<tr>
<td colspan=2 align="center">
<font color=#FFCC99>-</font> <a href=http://www.★.ne.jp/cgi-bin/webring?ring=intlring;random target=_blank><font color=#FFFFFF size=2 face=Arial Helvetica sans-serif>random</font></a> <font color=#FFCC99>-</font> <a href=http://www.★.ne.jp/cgi-bin/webring?ring=intlring;id=1062;next target=_blank><font color=#FFFFFF size=2 face=Arial Helvetica sans-serif>next</font></a> <font color=#FFCC99>-</font> <a href=http://www.★.ne.jp/cgi-bin/webring?ring=intlring;id=1062;back target=_blank><font color=#FFFFFF size=2 face=Arial Helvetica sans-serif>back</font></a><font color=#FFFFFF size=2 face=Arial Helvetica sans-serif> </font><font color=#FFCC99>-</font> <a href=http://www.★.ne.jp/cgi-bin/webring?ring=intlring;id=1062;list target=_blank><font color=#FFFFFF size=2 face=Arial Helvetica sans-serif>list</font></a> <font color=#FFCC99>-</font> <a href=http://www.★.ne.jp/cgi-bin/webring?ring=intlring;id=1062;addform target=_blank><font color=#FFFFFF size=2 face=Arial Helvetica sans-serif>touroku</font></a> <font color=#FFCC99>-</font> <a href=http://www.★.net/ring/index.htm target=_blank><font color=#FFFFFF size=2 face=Arial Helvetica sans-serif>about</font></a> <font color=#FFCC99>-</font>
</td>
</tr>
</table>
上のタグでは確実に横並びにするためにリング部分の改行をなくしてみました。また、センタリングの p と div が被っていましたので削除して、tdタグのalignを使用しています。テーブルの高さは td 部分でheight設定をしていたため、その設定も削除しています。
再度ご回答下さり、有難うございます!
お返事とても楽しみに待ってました(^^)。
ご指示頂いた様にやってみたらちゃんと作ることが出来ました!
とてもわかりやすく説明してくださって本当に感謝です。
またご縁がありました際にはどうぞよろしくお願い致します!
No.1
- 回答日時:
こんにちは。
ちょっと質問の意味がよく理解出来ないのですが、タグを見るには
・背景色 #241C43、幅390 のテーブルの中にリンクバナー(heart1.gif・ring_banner.gif)を左右端に表示させたい
でよろしいのでしょうか?
とりあえず上の条件で表示させる場合の単純なタグのミスを修正したものを下に書きますので、やりたいことと違う場合は補足を入れていただければもう少しお手伝いできるかと思います。
<table width="390" border="0" cellpadding="3" cellspacing="0" bgcolor="#241C43" height="80">
<tr>
<td width="19%" height="52" valign="top"><a href="http://www.★.net/ring/index.htm" target="_top"><img src="heart1.gif" width="66" height="50" border="0"></a>
</td>
<td width="81%" height="52" valign="top" align="right">
<a href="http://www.★.net/ring/index.htm"><img src="ring_banner.gif" width="306" height="35" border="0"></a><br>
<font size="1" color="#FFFFFF">★★</font>
</td>
</tr>
</table>
上のタグですと、幅390のテーブルの中に、左上に幅66のheart1.gifを配置、右上に幅306のring_banner.gifを配置することになります。
この回答への補足
早々のご回答、有難うございます!
すみません、私は知識ゼロなのでうまく説明が出来ませんでしたが回答者様は見事当方の求めていた回答を下さり、とても助かりました。
ご回答を拝見しながら貼り付けはおかげさまで完了しましたが、また別の問題が出てしまったのでもし当方の下手な説明を理解して頂けましたら再度ご回答下さいませんか?
以下、上記の続きなのですが
</font></font>
</div>
</td>
</tr>
<tr>
<td height=29 colspan=2>
<div align=center>
<p align=center>
<fontcolor=#FFCC99>-</font> <a href=http://www.★.ne.jp/cgi-bin/webring?ring=intlring;random target=_blank><font color=#FFFFFF size=2 face=Arial Helvetica sans-serif>random</font></a>
<font color=#FFCC99>-</font> <a href=http://www.★.ne.jp/cgi-bin/webring?ring=intlring;id=1062;next target=_blank><font color=#FFFFFF size=2 face=Arial Helvetica sans-serif>next</font></a>
<font color=#FFCC99>-</font> <a href=http://www.★.ne.jp/cgi-bin/webring?ring=intlring;id=1062;back target=_blank><font color=#FFFFFF size=2 face=Arial Helvetica sans-serif>back</font></a><font color=#FFFFFF size=2 face=Arial Helvetica sans-serif>
</font><font color=#FFCC99>-</font> <a href=http://www.★.ne.jp/cgi-bin/webring?ring=intlring;id=1062;list target=_blank><font color=#FFFFFF size=2 face=Arial Helvetica sans-serif>list</font></a>
<font color=#FFCC99>-</font> <a href=http://www.★.ne.jp/cgi-bin/webring?ring=intlring;id=1062;addform target=_blank><font color=#FFFFFF size=2 face=Arial Helvetica sans-serif>touroku</font></a>
<font color=#FFCC99>-</font> <a href=http://www.★.net/ring/index.htm target=_blank><font color=#FFFFFF size=2 face=Arial Helvetica sans-serif>about</font></a><font color=#FFFFFF size=2 face=Arial Helvetica sans-serif>
</font><font color=#FFCC99>-</font> </p>
</div>
</td>
</tr>
</table>
これで画面を見ますと
-random
- next
- back
- list
- touroku
- about
とセンターに縦表示になっているのですがこれを
-random - next - back - list - touroku - about
と横表示にし、同時に全体のテーブル(?)の高さの幅を狭めたいのですが・・・
わかりづらくて申し訳ありません。
もしよろしければご回答下さい。待ってます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
FC2ブログで、画像の画面中...
-
A8.netについて
-
魔法のiらんど。
-
ビットマップ(bmp)形式で背景...
-
編集が出来ません(JPEGフ...
-
お札画像の素材集を加工してWeb...
-
ブログでの画像の載せ方
-
gooブログで画像のアップができ...
-
デジカメで撮影した集合写真に...
-
サーブレット/JSPでブラウザの...
-
アイコンとバナーの違いについて
-
ブログの記事画面で、URLをリン...
-
ライブドアブログにバナーを貼...
-
パワーポイントのハイパーリン...
-
FC2ブログの記事内に動画ファイ...
-
gooブログでバナーを貼り付...
-
アメブロのヘッダー画像につい...
-
フォトショップでBMPファイルが...
-
文字を太くしたり、色をつけた...
-
HTML 表の上に文字がきてしま...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
FC2ブログで、画像の画面中...
-
アメブロで画像が拡大表示でき...
-
バナー画像だけ表示されない・・・
-
HTMLプログラミングについて
-
HPに画像をいれる方法?
-
【アメブロ】画像をクリックす...
-
リンク画像を別ウインドウで開...
-
画像の外枠
-
fc2ホームページの画像アップロ...
-
リンク先の画像をテキストボッ...
-
FC2ブログ、画像アップで…
-
FC2ブログに人気ブログランキン...
-
ブログで動く画像
-
アドレスをリンクさせる方法
-
アメブロにスライドショー
-
FC2のバナーの設置について
-
ブログの画像を中心におきたい...
-
編集方法が変わってしまい、写...
-
HP、htmlタグについて
-
gooブログ画像アップロ-ドにつ...
おすすめ情報