こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

トップページから各ページにリンクできません

こんにちは。
お世話になります。

会社命令で、初めてホームページを作成しているものです。

表題にもあります通り、アイコン(と言うのでしょうか。ボタンと言うのでしょうか。「アクセス」などと書かれて、それを押すと、各ページに飛ぶようにする小さな画像です)
から、各ページに飛ぶようにしたいのですが、上手くいきません。

一つ目のアイコンからは飛ぶように上手くリンクが貼れたのですが、二つ目以降、
が上手く貼れません。
最初にリンクを貼ったアイコンが青い枠で囲まれており、そのためか、
他のアイコンをドラッグして選択状態にしても、最初にリンクを貼った時の様に
リンクを貼ることができないのです。

ページの他の画像、インラインフレーム等を選択しても、その青い枠は消えません。

どうすれば、この青い枠が無くなり、他のアイコンからもリンクを貼ることができるでしょうか?

私が入力したソースは、下記の通りになります。

<html>
<head>
<meta content="text/html; charset=Shift_JIS" http-equiv="content-type">
<title>台湾</title>
<style type="text/css"></style>
</head>
<body background="image/085.jpg">
<br>
 
<p align="center"><big><big><big><big><big><b>abcd</b></big></big></big></big></big></p>
<p align="center"><img src="image/080527_pandafullife_main.jpg" alt=""
height="312" hspace="100" width="672">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<br>
</p>
<div align="center">&nbsp;
<b> <br>
<big>&nbsp;+更新情報+</big>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br>
<br>
</b></div>
<p style="height: 17px;" align="center"> 
<iframe style="top: 600px; left: 650px; width: 457px; height: 121px;"
src="image/inraflame3.html" name="" id="center" marginheight="3"
frameborder="1" scrolling="yes"></iframe><a><br>
<br>
&nbsp;&nbsp;</a><a
href="about%E3%83%9A%E3%83%BC%E3%82%B8%E7%94%A8%E3%83%87%E3%83%BC%E3%82%BF.html">&nbsp;</a><a
href="about%E3%83%9A%E3%83%BC%E3%82%B8%E7%94%A8%E3%83%87%E3%83%BC%E3%82%BF.html">
</a><a href="aboutpagedate.html"><img alt="" src="image/02.gif"
height="20" width="100"> <img alt="" src="image/07.gif" border="0"
height="20" width="101"> <img alt="" src="image/04.gif" border="0"
height="20" width="100"> </a></p>
</body>
</html>

どなたか、お力を貸しては下さいませんでしょうか?

宜しくお願い致します。

投稿日時 - 2013-09-16 14:49:40

QNo.8266665

すぐに回答ほしいです

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

<a href="aboutpagedate.html">
<img alt="" src="image/02.gif "height="20" width="100">
<img alt="" src="image/07.gif " border="0" height="20" width="101">
<img alt="" src="image/04.gif " border="0" height="20" width="100">
</a>

該当箇所はこちらでしょうか。
まずこれではリンクが正しく貼られていません。
各アイコン画像ごとにリンクを指定する必要があります。

<a href="aboutpagedate.html">
<img alt="" src="image/02.gif "height="20" width="100">
</a>

画像の周りにでる青い線はリンクが張られていると出るものです。表示したくない場合は
<img alt="" src="image/02.gif "height="20" width="100" border="0">
とします。

投稿日時 - 2013-09-16 15:01:11

お礼

丁寧かつ詳細なご説明、有難うございます。
おかげで、上手く貼りつけることができました!

本当に、有難うございました。

投稿日時 - 2013-09-16 15:16:07

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問