- ベストアンサー
htmlとスタイルシートで
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
ご存知かもしれませんが、枠を表示したくないならborderを指定します。 <img src="対象IMG" border="0"> linkとvisitedでは枠を表示して、activeとhoverでは枠を見えなくしたと言う事でしょうか？ 例えば赤色に変えるなら <style type="text/css"> <!-- A:active { color: #FF0000; } A:hover { color: #FF0000; } --> </style> これを<head></head>の中に入れて下さい。 但し、全てのリンクの色が変わってしまいます。 部分的に色を変えたいなら、クラスを利用します。 <style type="text/css"> <!-- .foo A:active { color: #FF0000; } .foo A:hover { color: #FF0000; } --> </style> として、 <span class="foo"> <a href="対象URL" target="_blank"> <img src="対象IMG"> </a> </span> 色を変えたい部分をclass属性をつけたSPANタグなどに入れます。 こんな感じでどうでしょう？
その他の回答 (2)
- 345itati
- ベストアンサー率48% (795/1639)
a: active; { color: 背景色と同じ色; } a: hover { color: 背景色と同じ色; } ・・・でもいいし、 img { border: none; } で、画像に枠線つけなければいいだけかもしれませんが。 リンクを貼った時に、画像に枠線がつくのが嫌だと推測しましたが如何？
どこのスペースをお使いなのかと、CSSで a がどの様に設定されているのかをお知らせください。
関連するQ&A
- スタイルシートでリンクターゲットの指定
<a href="" target="_blank"> スタイルシート(class)で上記のようにリンクターゲットを指定することは可能なのでしょうか？ 文法チェックでは、「<A> の属性 `TARGET` はあまり薦められない属性です」とあります。ですので、スタイルシートで指定できればと思っています。
- ベストアンサー
- その他（プログラミング・開発）
- スタイルシートでマウスオーバーについて
<A href="link.htm" onMouseover="this.style.color='red';a.src='r.gif' ;return true;" onMouseout="a.src='w.gif';this.style.color='lightcoral';" target="_blank"> <IMG SRC="w.gif" border="0" name="a"><font size="5">リンク</font></A> マウスを乗せる前に、フォントの色をリンクする前もした後もlightcoralにしたいのですが、 他の文字はリンク前リンク後を黒のままにしたいんです。 <font size="5" color="lightcoral">と記述すると、マウスを乗せても色が変わらなくなるので、どうしようかなと思っています。 よろしくおねがいします。
- ベストアンサー
- HTML
- スタイルシートの事で？
カテゴリが違うかもしれませんがお願いします。 下記のタグを表示させると <ul> <li><a href="http://1.com/" target="_blank">テスト１</a></li> <li><a href="http://12.com/" target="_blank">テスト２</a></li> <li><a href="http://123.com/" target="_blank">テスト３</a></li> <li><a href="http://1234.com/" target="_blank">テスト４</a></li> <li><a href="http://12345.com/" target="_blank">テスト５</a></li> <li><a href="http://123456.com/" target="_blank">テスト６</a></li> </ul> ・テスト１ ・テスト２ ・テスト３ ・テスト４ ・テスト５ ・テスト６ このように表示されますが、スタイルシートを使って下記のように中央で折り返して表示させるにはどうすればいいでしょうか？ ・テスト１ ・テスト４ ・テスト２ ・テスト５ ・テスト３ ・テスト６ よろしくお願いします。
- 締切済み
- その他([技術者向] コンピューター)
- <A href= と<IMG srcの使い分け
<A href= と<IMG srcの使い分けについて伺いたいのですが 一応は以下のようになっていると思っておりますが、 基準がどこにあるのでしょうか？ <A href=の対象について <A href="mailto:○○○○○○"> アドレス <A href="○○○○○○.html"> URL等 <A href="image.pdf" target="_blank"> PDF等を開かせる <IMG src=の対象について <IMG src="○○○.gif"等の様に、画像の拡張子になっている。
- ベストアンサー
- HTML
- jQueryプラグイン「Skitter」でリンク
jQueryプラグイン「Skitter」でリンクについて jQueryプラグイン「Skitter」でリンクについてわからないことが２点ございます。 まず、画像の淵に青色のラインが入る（IMGの「 border="0"」が効かない） あと、インラインフレーム内で動かし、変わる画像のリンク指定を全ウィンドウ（target="_parent"）に指定したいのですが、これもうまくいきません。。。 ぜひお助けいただきたいと思っております。よろしくお願いします。 ↓例えば下記のように３つの画像を指定した場合にborderもtargetもききません。 <div class="box_skitter box_skitter_large"> <ul> <li> <a target="_blank" href="http://www.yahoo.co.jp/"><img src="http://thumbnail.image.rakuten.co.jp/@0_mall/calmlife/cabinet/detai..." border="0" class="circles" ></a> </li> <li> <a target="_blank" href="http://www.google.co.jp/"><img src="http://thumbnail.image.rakuten.co.jp/@0_mall/calmlife/cabinet/detai..." border="0" class="circles" ></a> </li> <li> <A target="_blank" href="http://www.rakuten.co.jp/"><IMG src="http://thumbnail.image.rakuten.co.jp/@0_mall/calmlife/cabinet/detai..." border="0"></A> </li> </ul> </div>
- 締切済み
- JavaScript
- 初歩的かもしれませんが回り込みが上手くできません
初歩的かもしれませんが回り込みが上手くできません イメージ的には、図のようなdivを４つ横に並べて改行、同じように繰り返したいです。 ■■■■ ■■■■ しかし、下記の様にすれば ■■■ ■ ■■■ ■ に、なってしまいます。 こういう場合、どうすればいいのでしょうか？？ <div class="sample" style=" width:120px; float:left;"><a href="http://okwave.jp" target="_blank"><img src="okwave.png" height="80" width="120"><br>okwave1</a></div> <div class="sample" style=" width:120px; float:left;"><a href="http://okwave.jp" target="_blank"><img src="okwave.png" height="80" width="120"><br>okwave2</a></div> <div class="sample" style=" width:120px; float:left;"><a href="http://okwave.jp" target="_blank"><img src="okwave.png" height="80" width="120"><br>okwave3</a></div> <div class="sample" style=" width:120px; "><a href="http://okwave.jp" target="_blank"><img src="okwave.png" height="80" width="120"><br>okwave4</a></div> <div class="sample" style=" width:120px; float:left;"><a href="http://okwave.jp" target="_blank"><img src="okwave.png" height="80" width="120"><br>okwave5</a></div> <div class="sample" style=" width:120px; float:left;"><a href="http://okwave.jp" target="_blank"><img src="okwave.png" height="80" width="120"><br>okwave6</a></div> <div class="sample" style=" width:120px; float:left;"><a href="http://okwave.jp" target="_blank"><img src="okwave.png" height="80" width="120"><br>okwave7</a></div> <div class="sample" style=" width:120px; "><a href="http://okwave.jp" target="_blank"><img src="okwave.png" height="80" width="120"><br>okwave8</a></div>
- ベストアンサー
- CSS
- ウインドウを狭めてもレイアウトが崩れない方法
ウインドウを狭めてもレイアウトが崩れない方法を教えて下さい。 内容は、一番上にタイトルとしての画像を表示させて、その下に画像を３列で何列ものせる。 ウインドウを大きく広げたときは、それらの画像を中央に表示させてレイアウトを崩さないようにする。 下のような感じでは、ウインドウを狭めると画像が勝手に移動してしまいます。 全てを固定にしたいです。 お手本を教えて頂きたいです。よろしくお願いいたします。 添付画像が理想です。 ウインドウを狭めても画像が固定されている瞬間をイメージ化したものです。 <img src="" border="0" width="300" height="60" /> <br> <br> <br> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <br> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <br> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a>
- ベストアンサー
- HTML
- スタイルシート 画像の置き換え について
スタイルシート初心者です。 宜しくお願いします。 ----------------------------------------------- <div id="Nav"> <ul> <li><a href="/nav1/"><img src="/nav1.gif"></a></li> <li><a href="/nav2/"><img src="/nav2.gif"></a></li> </ul> </div> ----------------------------------------------- 上記、nav1.gifとnav2.gifの２枚の画像を、スタイルシートで別の２枚へ差し替えたいのですが、何か方法はありますでしょうか。 #Nav li img{ } ではダメですよね。 何か上手い指定方法があるのでしょうか。 HTMLは変更不可です。
- 締切済み
- HTML
- 外部で読み込んだものをリピート
外部で読み込んだものをリピートして表示なんですが たとえば 3個リピートしたら下の段へとか width="500"の中でリピートとか言う指定はできるのでしょうか 教えてください。 <!--repeat--> <a href="$☆☆☆" target="_blank"><img src="$image" width="120" style="visibility:$show"></a>
- 締切済み
- HTML
- 勝手にタグが改変されてしまいます。
初心者レベルでお許しください。 ブログにタグを貼ろうとしていますが、 <a href="～><img src="～></a><br><br><a href="～><img src="～></a><img src="～/gif.gif"> という構文をソースで入力し、 普通のモードに変えると、何故か勝手に改変されタグも変わってしまいます。 （～の部分はIDやホームページなどがかかれています。） <a target="_blank" href="http～></a><br /> <br /> <a target="_blank" href～></a><img alt="" src="http～> これが勝手に改変されないようにするにはどうしたらよろしいのでしょうか？ 宜しくお願いいたします。
- 締切済み
- ブログ
お礼
ありがとうございました。無事解決いたしました。