FrontPageとHTML言語と両方を使いながらホームページを
作成しています。
写真に枠を設定したのですが、枠線の色がなぜかピンク色になってしまいます。画像の枠線の色は指定できないとありますが、他に指定の方法はないのでしょうか?
どなたか、HTML言語に詳しい方、おしえてください。
ちなみに画像の設定はこのような記述をしています。
<p align="center"><img border="1" src="image/seminar/semi01.jpg" vspace="5" width="150" height="113"></a>
No.1ベストアンサー
- 回答日時:
ご質問にあります、
<p align="center"><img border="1" src="image/seminar/semi01.jpg" vspace="5" width="150" height="113"></a>
は、HTMLの構文としてちょっと誤りがあるようですが・・
<P>に対応する</p>がありませんし、</a>に対応する<a>がありませんよ。
<img>は、<a> ~ </a> に囲まれた、リンク元としているのでしょうか?
リンク元としているのでしたら、border の色は、<body> で指定した link(未訪問のリンク色) alink(マウスでポイント中のリンク色) vlink(訪問済みのリンク色) または、それぞれを指定していないときのブラウザ設定の色で表示されてしまいます。
写真の上下の余白 vspace="5" を、どの様に表現したいかによりますが、単に写真の四辺に均等な幅で、任意の色の枠線を付けたいだけでしたら、入れ子にした table の中に写真を入れるようにしては如何でしょうか?
<table border="0" cellspacing="3" cellpadding="0" bgcolor="#0033cc">
<tr>
<td>
<table width="150" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#ffffff"><img border="0" src="image/seminar/semi01.jpg" width="150" height="113"></td>
</tr>
</table>
</td>
</tr>
</table>
上の記述例では、枠線の無い背景色をブルーにした1×1のマスで出来た table の内側に、四辺から3pixelの幅を持たせて白い背景色の1×1のマスの table を入れて、更にその中に写真を入れた例です。
<table cellspacing="任意の数値" bgcolor="任意の枠線の色">
<td bgcolor="ページの背景色">
に替えておためし下さい。
また、CSS(スタイルシート)で枠線を表示させる方法もあります。
<head> ~ </head> 間に次のように記述します。
<style type="text/css">
<!--
.wakusen {
border-color: #0033cc;
border-width: 3px
}
-->
</style>
<body> ~ </body> の写真を表示させる部分の記述を、
<img class="wakusen" border="0" src="image/seminar/semi01.jpg" width="150" height="113">
としても、同じ効果が得られます。
記述文を部分的に削除していたので、</p>や<a>が抜けてしまっていましたね。
原因がわかりました。bodyの記述にリンクの色を指定してあって、その色がピンク(FF6666)になっていました。
画像にリンクをはっていたので、ピンクになっていたのでした。
的確な回答ありがとうございました。
これから覚えるのなら、スタイルシートが便利だと思うので、そちらで勉強していきたいと思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS PCサイズで赤い画像2つと、青い画像2つがそれぞれ横に2つずつ並んでいるのですが、これをスマホサイズ 5 2022/04/11 12:01
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS img と p を縦中央に配置したいのですがうまくいきません。 2 2023/01/12 14:38
- PHP PHP echo バックスラッシュの使い方 img要素 2 2023/01/08 22:46
- HTML・CSS HTMLとCSSによるWebページ生成について。この絵で「ochawan」の文字を枠全体の上から10 4 2023/02/28 23:17
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<tbody>は何のためにあるんでし...
-
ホームページを作るときの段取...
-
htmlテーブルがずれる
-
テーブル内のテキストが右寄り
-
Excel セルの幅が合わない
-
<h1>タグの後の行間を詰めたい。
-
htmlでテーブル内にテキストボ...
-
FireFoxで見るとブラウザの幅に...
-
table内で画像と文字をセンター...
-
エクセルでサイズ指定でPOP...
-
aタグに直接style=""で:hoverを...
-
バーコードのサイズは拡大縮小...
-
CSSのtransform: translate(-50...
-
Excel で等間隔で縦線を引きた...
-
エクセルでサイズに合ったもの...
-
window.close()で閉じられない
-
INPUT TEXT内の文字位置を指定...
-
ホームページビルダーの表にお...
-
インラインフレームの表示位置...
-
ワードで、横書きの数字を縦書...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<tbody>は何のためにあるんでし...
-
ホームページビルダーで、画面...
-
挿入した文字に枠をつけたい
-
ホームページを作るときの段取...
-
HTMLで枠の角を丸くするのは??
-
エクセルでサイズに合ったもの...
-
htmlでテーブル内にテキストボ...
-
CSSのtransform: translate(-50...
-
Excel で等間隔で縦線を引きた...
-
エクセルでサイズ指定でPOP...
-
Excel セルの幅が合わない
-
PDFへてのテキストボックスにて...
-
table内で画像と文字をセンター...
-
Excelの列や行の幅を表示...
-
バーコードのサイズは拡大縮小...
-
ホームページビルダー7で、表...
-
aタグに直接style=""で:hoverを...
-
<h1>タグの後の行間を詰めたい。
-
指定時間になったら、WEBサイト...
-
HTMLフォームのSELECTの幅を一...
おすすめ情報