画像付き自動リンクの淵を消し方

解決済

質問者：live0
質問日時：2007/10/01 08:38
回答数：5件

画面のど真ん中に画像つきの、自動的なリンクを作りたいのですが、
位置の設定の仕方と、画像を囲っている枠をなくす方法が知りたいです。

これが今貼っている状態です。
<a href="A"><img alt="B" src="B" /></a><br />
Aがリンク先で、Bが画像のリンク元です。今はリンクはするし画像も出ます。ただ、場所の設定と、その画像の周りに囲むような物が出ているのでそれを消したいです。よろしくお願いします。

※調べろといった答えはいりません。調べてわからないので質問しています。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (5件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： noname#47823
回答日時：2007/10/01 09:27

<align="center">センター配置(centerだけでもいいです）

<a href="A"><img alt="B" src="B" border="0"></a>　
border="0"←此れを書き込みます。

センター配置終わらせる場合は</center>を最後に入れてください
</ >終わりの意味

数値を変えれば画像の周りのラインの大きさが変わります。
<align="right">右配置< align="left">左配置←画像の配置タグ

- 0
- 件

通報する

この回答へのお礼

ありがとうございます。

通報する

お礼日時：2007/10/01 10:03

No.5

回答者： noname#47823
回答日時：2007/10/03 06:43

＞画面の中央に画像を置きたいのですがどうすればいいでしょうか？

centerで真ん中ですけど上中下の中と言う事ですか？

ALIGN="top/middle/bottom/"←此れが上中下です

<center>
<a href="URLリンク先"><img src="画像URL" alt="文字(説明)" border="0" align="middle">
</center>

これで出来ませんかね

この回答への補足

すみません。質問が完ぺきに変わっていますね。締め切って質問しなおします。これまでありがとうございました。

補足日時：2007/10/03 11:56

通報する

- 0
- 件

通報する

この回答へのお礼

画面の中央と言う意味で言いました。わかりづらくてすみません。
<center><a href="URLリンク先" img src="画像URL" alt="文字（説明）" border="0" align="middle"></a></center>
と打ってみましたが出ませんでした。どこが違いますか？

あと、、自動ジャンプとはどうやってつなげればいいでしょうか？
<MATE HTTP-EQUIV="Refresh"
<CONTENT"ジャンプするまでの秒数;URL=ジャンプ先アドレス">

通報する

お礼日時：2007/10/03 09:06

No.4

回答者： noname#47823
回答日時：2007/10/02 16:41

＃１です

私もFC2の掲示板は使ってますがHPは使っていません
それでもIDを持ってますので先程無料ホームページを申し込みました。
アクセスしましたが準備中との事でまだ出来てないようです。

＞ここのは保存したのに何故か入力した文字が消えてしまいます。何故だと思われますか？
何処に保存されたのですか？

スタート→アクセサリ→メモ帳を開いてココに必要なタグをコピペ（コピー＆ペースト)して貼り付けて自分の分かりやすい所に保管します。

私もフォルダを作って色んなメモ帳を入れてます、CSS・タグ・レンタルのID/パスとか色々です。
このようにメモ帳にコピペして保管したら如何でしょ

少し分かりだしたら、このメモ帳をHPの自分のページを作る事も出来ますよ
HPビルダーなんか使ってますけど本当はメモ帳からHPを立ち上げるのですけどね
だからメモ帳を活用しましょう

- 0
- 件

通報する

この回答へのお礼

ありがとうございます。メモ帳から貼り付ければよかったんですね。状態としては、ビルダー内にある保存ボタンを押したのですが、次に見たときは<HTML>などは消えていて、所々勝手に変換されます。
あと、画面の中央に画像を置きたいのですがどうすればいいでしょうか？

通報する

お礼日時：2007/10/03 04:35

No.3

回答者： metis
回答日時：2007/10/01 09:50

XHTMLで記述していると言う事は、外部スタイルシートの利用方法はお分かりですよね？

（互換性のため、外部スタイルシートの使用が推奨されています）
というわけで、スタイルシートで行います。
CSSの場合ですと、
border-style:none;
を、imgに対して設定するだけです。
これを行うと、全部の画像について同様の表示が行われますので、子孫セレクタやクラス・IDセレクタを利用しても良いでしょう。

また、imgに対してborder="0"という属性を与えても良いのですが、これは非推奨要素ですので将来規格から外される可能性があります（XHTML1.1では外されてた様に記憶しています）。

また、センターへの配置は、<div>要素で全体を囲み、そこにalign="center"という属性を付与する…。でもかまわないのですが、これも非推奨要素ですので、<div>要素に外部スタイルシートでtext-align:center;を設定するのが良いかと思います。

また、この質問は、「画像　リンク　枠」や、「中央　配置」などの簡単な検索で多くの情報が出てきます。
時間の省略にもなりますし、検索の仕方には慣れておいた方がよいかと思います。