ﾌｫﾚｽﾄﾍﾟｰｼﾞ携帯ﾎｰﾑﾍﾟｰｼﾞﾌｫﾚｽﾄ

【】さんのロビー

※掲示板に書き込みする際の注意
公式ルール | 雑談ルール

このカテゴリ内で検索が可能です

トップ >> HTMLタグについて >> 画像リンクとその説明と、文字リンクの位置について。

4件のレスが見つかりました
[1-4]

新しい投稿順｜古い投稿順

投稿者	親記事
[記事No.613783]画像リンクとその説明と、文字リンクの位置について。
司暁 ID：[uodefeat] SH3H 投稿日時：12/22 15:26 違反連絡	検索をかけてもよく分からなかったので質問させて頂きます。困っているのはＨＰの拍手とその返信です。拍手は画像リンクで、返信は文字リンクとなっています。拍手は拍手の画像にカーソルを合わせた時だけ、画像の下の行にどんな拍手かという説明が表示され、カーソルを合わしていない時は背景色でその説明は隠してあります。返信は；re という文字リンクで、オンマウス説明となっています。今使用しているのは <a href="拍手ＵＲＬ">画像タグ<font color="#ffffff"> 画像リンク先の説明</font></a> <a href="返信ＵＲＬ" title="文字リンク先オンマウス時の説明">；re</a> です。今は拍手画像にカーソルを合わすとリンク画像の下の行に拍手の説明があり、その説明の右隣に返信の文字リンクがあるのですが…。 ┌──┐ │画像│ └──┘ 画像にカーソルを合わせた時だけ拍手の説明文返信文字リンクこんな感じになります。何とかこれを ┌──┐ │画像│返信文字リンク └──┘ 画像にカーソルを合わせた時だけ拍手の説明文という風に出来ないでしょうか。文字リンクを画像タグの後に入れても、背景色のカラーコードの後に入れても、画像の右隣に文字リンクを持ってきて、なおかつ画像の説明をいつもは隠しておくという事が出来ません。それとも、画像タグは画像タグだけで完結させてからじゃないと、次の文字リンクは置けないのでしょうか。そうなると、今の状態のままか、カーソルを合わせた時だけの説明を常時表示させるかになるかと思います。ですが、出来れば拍手の説明はちょっと長いので、常時表示させるのは止めておきたいのですが…。何か良い方法はないものでしょうか？説明が分かりにくいかと思いますが、どうかよろしくお願い申し上げます。

投稿者

親記事

[記事No.613783]画像リンクとその説明と、文字リンクの位置について。

司暁
ID：[uodefeat]
SH3H
投稿日時：12/22 15:26

違反連絡

検索をかけてもよく分からなかったので質問させて頂きます。

困っているのはＨＰの拍手とその返信です。
拍手は画像リンクで、返信は文字リンクとなっています。

拍手は拍手の画像にカーソルを合わせた時だけ、画像の下の行にどんな拍手かという説明が表示され、カーソルを合わしていない時は背景色でその説明は隠してあります。
返信は；re という文字リンクで、オンマウス説明となっています。

今使用しているのは
<a href="拍手ＵＲＬ">画像タグ<font color="#ffffff">
画像リンク先の説明</font></a> <a href="返信ＵＲＬ" title="文字リンク先オンマウス時の説明">；re</a>
です。

今は拍手画像にカーソルを合わすとリンク画像の下の行に拍手の説明があり、その説明の右隣に返信の文字リンクがあるのですが…。

┌──┐
│画像│
└──┘
画像にカーソルを合わせた時だけ拍手の説明文返信文字リンク

こんな感じになります。

何とかこれを

┌──┐
│画像│返信文字リンク
└──┘
画像にカーソルを合わせた時だけ拍手の説明文

という風に出来ないでしょうか。

文字リンクを画像タグの後に入れても、背景色のカラーコードの後に入れても、画像の右隣に文字リンクを持ってきて、なおかつ画像の説明をいつもは隠しておくという事が出来ません。

それとも、画像タグは画像タグだけで完結させてからじゃないと、次の文字リンクは置けないのでしょうか。

そうなると、今の状態のままか、カーソルを合わせた時だけの説明を常時表示させるかになるかと思います。

ですが、出来れば拍手の説明はちょっと長いので、常時表示させるのは止めておきたいのですが…。

何か良い方法はないものでしょうか？

説明が分かりにくいかと思いますが、どうかよろしくお願い申し上げます。
　

投稿者	スレッド
[記事No.614224]Re:Re:画像リンクとその説明と…
司暁 ID：[uodefeat] SH3H 投稿日時：12/23 22:48 違反連絡	記事No.613783への返信火星人様、Qs様、妙案をどうもありがとうございました。質問させて頂いてから自力でも試してみましたが、何分自分一人の力では分からなくて無理な事だったので…、火星人様にもQs様にもとても感謝しております。大変お世話になりました。火星人様とQs様、お二人のおかげでＨＰも無事望み通りになりました。何度も言うのもなんですが…火星人様、Qs様、本当にありがとうございました。
[記事No.614131]Re:
Qs ID：[QSC] W54T 投稿日時：12/23 20:22 違反連絡	記事No.613783への返信希望通りの表示になるか分かりませんが、テーブルを利用した例を。 <table><tr><td><a href="URL">画像タグ<br><font color="色">説明文</font></a></td><td>返信用リンク</td></tr></table> 必要に応じて幅指定や位置指定してください。
[記事No.614040]Re:画像リンクとその説明と、文字リンクの位置について。
火星人 8tBgyKlY ID：[gintama9524] re 投稿日時：12/23 00:30 違反連絡	記事No.613783への返信 P.S. ※【画像の横のリンクの位置について】※ 画像タグのalign要素、『middle』の部分を下記のように変えると上下の位置変更が可能です。 topかleft⇒上 middle⇒真ん中 bottomかcenter⇒下一番最初のタグである『<div align="left">』の『left』部分を下記のように変えると、左右の位置変更が可能です。 left⇒左 center⇒中央 right⇒右 ※要は通常と同じ因みにこの二つの位置付けは同時には使えないようです。 ※試しにcenter、centerで反映したら画像まで中央にきてしまいました。ﾘﾝｸ文字自体にdiv要素を使用したらﾘﾝｸタグが無効になってしまいました。
[記事No.614026]Re:画像リンクとその説明と、文字リンクの位置について。
火星人 8tBgyKlY ID：[gintama9524] re 投稿日時：12/22 23:25 違反連絡	記事No.613783への返信解釈が合ってるか心配ですが投下【画像横のﾘﾝｸが中央】 <div align="left"><a href="拍手ＵＲＬ"><img src="画像ＵＲＬ" align="middle">；re<br clear="All"> <font color="#ffffff">画像リンク先の説明</font></a></div> 【画像横のﾘﾝｸが上】 <div align="left"><a href="拍手ＵＲＬ"><img src="画像ＵＲＬ" align="left">；re<br clear="All"> <font color="#ffffff">画像リンク先の説明</font></a></div> 二つの違いは微々たるものです。どう違うのかは使ってみればわかります。画像独自タグなのですが、何をどうやっても捩じ込めませんでした。画像はURLでお願い致します。反映出来なかったら申し訳ありませんm(__;)m お役に立てていることをお祈り申し上げます。