HTMLでホームページを作っているのですが、バナーにリンクを貼ると、バナーの周りにリンクの色がついてしまいます。
訪問済みなどのリンクを白に設定すると、他の文字にリンクさせたものも真っ白になってしまうのですが、バナーのリンクだけの色をなくす(又は背景の白色にする)ことはできるでしょうか?
ちなみに、HTML4.01Traditionalで作成しています。
よろしくお願い致します。

このQ&Aに関連する最新のQ&A

A 回答 (2件)

<a href="リンク先URL"><img border="0" src="バナーの画像">



これで出来ないかな?
    • good
    • 0
この回答へのお礼

できました!本当に助かりました。
ありがとうございました!

お礼日時:2001/06/16 06:44

バナーを表示するためのタグを


<img src="xxx" ・・・>
から
<img src="xxx" border="0" ・・・>
にしてみて下さい。
    • good
    • 0
この回答へのお礼

早速のご回答ありがとうございました!
やってみると、できました。本当に助かりました
ありがとうございました!!

お礼日時:2001/06/16 06:43

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Q左側のバナーの背景色を、任意の色に変更したいです。

再度の質問となります。 ご指南いただければ幸いです。
http://web-zen.sakura.ne.jp/index.html
現在、無料cssを使用してホームページの作成を命令(笑)されています。

先の質問で左側のバナーの高さを調節したいと質問しましたが、
それに加えて バナーそのものの背景色を薄い青色に
変更したいです。 cssファイルをいろいろいじってみましたが、
背景の色を変更することはできませんでした。
何か画像ファイルを、希望の色に差し替える必要があるのでしょうか?
※バナーの背景を薄い青色の背景に変更すると、現在書いてある文字が白色となり
大変見づらくなってしまうので、できればこちらの文字色を黒色に変更
する方法もご指南いただければ幸いです。
駄文失礼しましたm(_ _)m
(できれければ、<font color="black"></font>で対応予定です。)

Aベストアンサー

昨日の回答の追加
参考URLのようにすればいいのでは?・・・

HTMLは、HTML5で記述、CSSは、3.0、レイアウトには、SkeltonFremeworkを使用しています。

あとは画像と、CSSを、変更すれば、思い通りの画像、デザインに変更できると思います。
なおリンクは、省略していますので、ファイル場ないという表示がされます。

ダウンロードは、http://www.nanden.asia/test/test.zip
から行えるように設定しておきました。

参考になれば幸いです。

参考URL:http://www.nanden.asia/test/temp.html

QDreamweaver上で、背景の領域にリンクを張りつつ、オンマウスで背景色を変更する構造を組む方法。

現在Dreamweaver CS3を使用してWEBサイトを制作しております。

任意の領域の背景色を設定して、その上にテキストを記入した状態で、その背景領域全域にリンクを張り、
オンマウスした際に背景色を変化させるような構造を作りたいと考えております。

下記の様に、ソースでは希望通りの動作を組むことはできたのですが、その設定を行うページ箇所が膨大なのと、
その作業内容を他者に引き継が無くてはならないため為、可能であればDreamweaver上の機能を使用して簡易に行えたらと思っております。

ソースに関する知識は若干はあるのですが、逆にDreamweaverの使用方法については殆ど理解できていないため、
ご存知の方がいらっしゃいましたらお教えいただけませんでしょうか。

宜しくお願い申し上げます。


【html】

<ul class="test4-1-1">
<li><a href="http://○○○.com/">○○○</a></li>
</ul>


【css】

.test4-1-1 {
width: 200px;
margin: 0;
line-height:2;
font-size: 14px;
}

.test4-1-1 li{
list-style: none outside;
}
.test4-1-1 li a {
text-decoration: none;
width: 100%;
display: block;
padding-left: 20px;
background: #FCF;
}
.test4-1-1 li a:link {
color: #969;
}
.test4-1-1 li a:hover {
color: #FFF;
background: #CCF;
}
.test4-1-1 li a:visited {
color: #C9C;
}
.test4-1-1 li a:active {
color: #F00;
}

現在Dreamweaver CS3を使用してWEBサイトを制作しております。

任意の領域の背景色を設定して、その上にテキストを記入した状態で、その背景領域全域にリンクを張り、
オンマウスした際に背景色を変化させるような構造を作りたいと考えております。

下記の様に、ソースでは希望通りの動作を組むことはできたのですが、その設定を行うページ箇所が膨大なのと、
その作業内容を他者に引き継が無くてはならないため為、可能であればDreamweaver上の機能を使用して簡易に行えたらと思っております。

ソース...続きを読む

Aベストアンサー

■dreamweaverでCSSを操作する方法。
HTML側で、class="test4-1-1"をクリックすればCSSエディタが開きますので、それで、CSSを書けばいいです。
CSSに関しては、CSSの知識を学習してもらえばいいです。ソースコードも直接編集でき、その際はコードヒントまで表示してくれます。

■CSCで背景を入れ替えたいなら、background-image:url();
を指定すればいいです。

Qhtml5のブラウザの対応状況 html4.01で作るべきか?

サンタともうします。

知人から20ページの個人事業のホームページ作成の仕事依頼を受けました。
現在html5がありますが、まだまだ個人のブラウザの移行も遅いようで、IE8.9に対応するにしても、html4を使ったほうが良いのではないかと思いました。

有名サイトのソースを見てみると、宣言だけ<!DOCTYPE html>として、divで書いてあったりするのをよく見かけて、html5を使用している方が少ないのではないかと感じております。

html4,html5 どちらで書いたほうが宜しいでしょうか?SEO的なものを考えた方でも宜しいです。
宜しくお願い致します。

Aベストアンサー

HTML5,HTML4.01ですね。Hyper Text Markup Language の頭文字なので大文字です。この世界大文字か小文字で示すものが異なるものが多いので・・
 よく御存知のようですが、一部誤解があるようです。

>有名サイトのソースを見てみると、
 有名か否かは判断の基準にはならないでしょう。

>宣言だけ<!DOCTYPE html>として、
 これはすでにHTMLの文書宣言としての用途はありません。DTDを使用しなくなった。
 この目的は、ブラウザが標準モードで動作するためのDOCTYPEスイッチの役をするだけです。

>divで書いてあったりするのをよく見かけて、
 ブラウザに対しては、過去との互換性を保つことが求められていますから、divを使うこと自体は誤りではありませんが、
【引用】____________ここから
NOTE: Authors are strongly encouraged to view the div element as an element of last resort, for when no other element is suitable. Use of more appropriate elements instead of the div element leads to better accessibility for readers and easier maintainability for authors.
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[4.4 Grouping content — HTML5( http://www.w3.org/TR/2014/REC-html5-20141028/grouping-content.html#the-div-element )]
 (著者は、他により適切な要素ないときの最後の手段としてdiv要素を使用することを強く推奨する。div要素に代わってより適切な要素を使用する事は、読者には「より良いアクセシビリティ」を、著者には、「より容易なメンテナンス性」につながる。)

 articleやheader、section要素を使用せずに、divで括られていることを問題にされているのですね。
 ⇒HTML5“とか”アプリ開発入門(1):Webの3つの問題を解決する「HTML5」とは何なのか (1/2) - @IT( http://www.atmarkit.co.jp/ait/articles/1008/30/news106.html )
 の2ページ目の『文書内に埋め込まれた「意味」を明確にする』あたり

 実は、これはHTML4.01の時代(1999年)からすでに方法は、明確に示されていました。
『DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加するための一般機構を提供する。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.4 )』
>divで書いてあったり
 したとしても、<div class="header">,<div class="section">と文書構造を示すために使われているのでしたら、SEO的には問題はないはずです。
★googleはこのような文書構造を示すclass名やidは理解しているようです。★
 もし、デザインなど文書構造を示す意味のないものが使用されているとしたら、HTML5どころか、HTML4.01にも反しているわけですから
>有名サイトのソース
 に関わらず参考にする意味はないということですね。残念ながら酷いものが多いです。多くの人が利用するので検索順位は上位に表示されますが、本来のSEO的に優れているわけではありません。

>まだまだ個人のブラウザの移行も遅いようで、
 二つの選択肢があります。
・HTML5で記述して、html5.js、またはhtml5shiv.js をつかって要素として認識させる。
・HTML4.01strictで作成し、文書構造はdiv要素とclass名を併用する。
 の何れかになるでしょう。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
・・・・
<body>
 <div class="header">
 </div>
 <div class="section">
  <div class="section">
  </div>
  <div class="section">
   <div class="aside">
   </div>
  </div>
 </div>
 <div class="footer">
 </div>
</body>

または

<!doctype html>
<html>
<head>
・・・
 <!--[if IE]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
 <![endif]-->
</head>
<body>
 <header>
 </header>
 <section>
  <section>
  </section>
  <section>
   <aside>
   </aside>
  </section>
 </section>
 <footer>
 </footer>
</body>

 これで、HTMLによって文書構造はマークアップされていますし、相互に変換もツールを使えばできます。

★大事な事は、HTMLは文書構造を示すものであることであってプレゼンテーションに関わるものはスタイルシートを利用する。
HTML4.01 (構造とプレゼンテーションの分離( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.4.1 ))

 これでSEO(検索エンジン最適化=検索エンジンにページの内容が正確に伝わるようにする)対策はできます。

HTML5,HTML4.01ですね。Hyper Text Markup Language の頭文字なので大文字です。この世界大文字か小文字で示すものが異なるものが多いので・・
 よく御存知のようですが、一部誤解があるようです。

>有名サイトのソースを見てみると、
 有名か否かは判断の基準にはならないでしょう。

>宣言だけ<!DOCTYPE html>として、
 これはすでにHTMLの文書宣言としての用途はありません。DTDを使用しなくなった。
 この目的は、ブラウザが標準モードで動作するためのDOCTYPEスイッチの役をするだけです。

>...続きを読む

Qバナーにリンクを貼りたいのですが上手くいきません

バナーにリンクを貼るには、

<A HREF="リンク先"><IMG SRC="バナーの場所"></A>

でいいんですよね?
でも、どうしても上手くいきません!

http://tama-utu.at.webry.info/

FC2 Blog Ranking">
の部分です。

Aベストアンサー

バナー画像のアップロードは済んでいますか?
リンク先URLはコントロールパネルを見て正しく指定していますか?

わかりやすいマニュアルがありますので、こちらを見てもう一度挑戦を。

↓「バナーの貼り方」をクリック
http://blogranking.fc2.com/manual.html

参考URL:http://blogranking.fc2.com/faq.html

Qdisable時の背景色(HTML)

チェックボックスをdisabledで非活性にしたときの背景色の設定はできないのでしょうか?

また、チェックボックスをリードオンリーにすることはできますか?
WEBではできると書いてありますが、実際に試してみるとうまくいきません。

要はチェックボックスが変更不能でかつ見えやすくしたいのです。

何か方法があれば教えてください。

Aベストアンサー

CSS3のセレクタであるdisabledで、disabled時のスタイルを指定できます。

E:disabled
{
background:#fff;
}

ただし、対応しているブラウザが少ない(Firefox1.5〈Gecko1.8〉以上で対応。IE7β2及びOpera8.54は非対応)ので、まだ一般に使用できる段階にはないといえます。

なお、チェックボックスをreadonlyにすることは出来ないかと。
>readonly (readonly) #IMPLIED -- for text and passwd --


人気Q&Aランキング

おすすめ情報