リンクの下線の色を変えると下線が下付きになる問題の解決方法は？

前へ 次へ
このQ&Aのポイント
  • リンクの下線の色を変えると下線が下付きになってしまう問題について解説します。
  • 間隔を色を変更する前と同じにするための解決方法をご紹介します。
  • リンクの下線の色を変えても下付きにならないようにする方法を解説します。
回答を見る
  • ベストアンサー

リンクの下線の色を変えると下線が下付きになってしまいます。

リンクの下線の色を変えると 下線が下付きになってしまうのですが 間隔を、色を変更する前と同じにするには どうしたらよいのでしょうか。 よろしくお願いいたします。 <body link="#ff99ff" vlink="#ff99ff" alink="#ff99ff"> <a href="" style="border-bottom: 1px #999999 solid;text-decoration:none;">説明(1)<br>説明(2)</a><br><br> <body link="#ff99ff" vlink="#ff99ff" alink="#ff99ff"> <a href="">説明(1)<br>説明(2)</a></div>

  • HTML
  • 回答数1
  • ありがとう数1

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

  • ベストアンサー
回答No.1

> リンクの下線の色を変えると 違いますね。A要素のボーダーを描いたんです。文字列の下線は、 text-decorationのunderlineです。わざわざ消していますね。 要するに文字色と下線の色に違う色を使いたいんですよね。では 参考URLの応用でいけます。<a href="" style="color:#999999; text-decoration:underline;"><span style="color:#ff99ff;"> 説明(1)<br>説明(2)</span></a>こんな雰囲気で。

参考URL：
http://oshiete1.goo.ne.jp/qa3547767.html
c-blossoms
質問者

お礼

ありがとうございます。 これが探し求めていたものです。 本当に助かりました。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • リンクの下線や色の指定を特定のところだけ設定したい

    HTMLページ内で、いくつもあるリンクの中で、特定の箇所だけ 下線を付けない onMouseの時だけ下線を付ける 色をデフォルト以外の色を付ける ようにしたいのですが、どのようにしたらいいでしょうか。 たとえばこの下はむちゃくちゃですが、 .link { font-size:12pt; color:#BF0000; font-weight: bold; text-decoration:none; a:link, a:visited { text-decoration: none; } a:hover { text-decoration: underline; }} こんな感じでスタイルシートに書いて <a href="xxxx.html"><span class="link">click</span></a> みたいな感じでも少しずつ変えながらいろいろ試してみたのですが 色やonMouse以外の時の下線なしはできたのですが、onMouse時の下線付きがうまくいきません。 どうすればよいかご存じの方ご教授ください。

    • ベストアンサー
    • HTML
  • バナーリンクと文字の間の下線を消したい

    HTMLを書いてHPを作ってます。 リンク集にバナーリンクを張り、その横に文字を表示させると、チロッと下線が出てしまいます。それを切るタグ、もしくは出ないようなタグを教えてください。 ちなみに私の書いたHTMLソースは…。↓(一部省略) <title>ｌｉｎｋ</title> <body background="image/back.gif" text="#ffffff" link="#ffffff" vlink="#ffffff" ALINK="#ffffff"> <center> ＬＩＮＫ </center> <br><br> <a href="http://www.・・・"> <img src="http://www.・・・.gif" border="0"> </a> <font size="3"> カウンターお借りしました <br><br>・・・ …という感じです。できればテーブルを使わずに作成したいのですが。よろしくお願いします。

    • ベストアンサー
    • HTML
  • リンクだけが指定にない色になります。

    テキストの色を全体に統一したいのですが、リンク部分のみ指定にない色（青）になります。 <STYLE type="text/css"> <!-- a:hover { color:ffffff; } --> </style> <BODY TEXT="CC0033" VLINK="CC6666" ALINK="CC6666"> <A HREF="link.html "STYLE="TEXT-DECORATION:NONE;"> <FONT SIZE=-2>link</FONT></A> 直接リンク文字に色を指定すれば直るのですが、スタイルシートでマウスがリンクに触れた時色が変わるという設定が効かなくなるようです。この設定を外さず、任意の色に変える方法はありませんでしょうか。 そのようなサイトを知っている、でも構いません。どうかよろしくお願いいたします。 （powermacＧ4/OS9/IE5/NN4.7/Jedit4.0）

    • ベストアンサー
    • HTML
  • スタイルシートと画像リンクの下線

    現在HPを作成しています。 スタイルシートで、ページ内指定で、リンクについて下線を表示させています。テキストから下線を少し離したいので以下のような記述をしています。 A:link{text-decoration:none;border-bottom-style:solid;border-width:1px;padding-bottom:0.3p x;color:#000000;} そして、そのページ内にある画像からもリンクを設定したいのですが、画像には下線がついて欲しくないのです。 何かよい方法がありますでしょうか？ よろしくお願いします。

    • ベストアンサー
    • HTML
  • 同ページ内でリンクの色を変えたい…

    こんにちわ。suzuと申します。 リンク先の色の指定について質問です。 普通なら<body bgcolor="#ffffff" text="#000000" link="#0066ff" vlink="#036095" alink="#0066ff"> で良いと思うのですが、 同じページ内でリンク先の色を変える事って出来るのでしょうか？ 例えば、 ●このテーブル内のリンクのみ、この色。 ●このリンクのみ、この色。 とか…。。 どうぞ、宜しくお願い致します。

    • ベストアンサー
    • HTML
  • テーブル内のリンク下線

    テーブル内のリンク下線（多数）を全て消したいのですが、 <table style="text-decoration:none;">　ではできず、 <a href="" style="text-decoration:none;">　と全てに指定しなければなりません。 これはいっぺんに適応はできないものなのでしょうか？

  • リンクの下線を破線にしているのですが…

    リンクの下線を破線にするスタイルシートを使用しているのですが、 通常の左寄せや<center>タグで囲ったテキストでは正常に動作するのに、 <div align="right">または<p align="right">で囲った右寄せのテキストには破線が表示されません。 どうすれば表示されるようになるでしょうか。 私が使用しているスタイルシートは以下の通りです。 <style type="text/css"> <!-- A:link {color:#666666; text-decoration:none; border-bottom:1px dashed #00CCCC;} A:visited {color:#666666; text-decoration:none; border-bottom:1px dashed #00CCCC;} A:hover {color:#FF3300; text-decoration:none; border-bottom:1px dashed #00CCCC;} --> </style>

  • タグ　リンクに複数の色を付けるには？

    例えば文章のリンク色を link="gold" alink="white" vlink="red" にして、画像の(周りの)リンク色を link="white" alink="white" vlink="white" のように別々のリンク色を使いたいときはどうすればいいのでしょうか？

  • リンクのターゲット

    htmlを使ってホームページ作成を目指しています。 フレームページにして、topのリンクをクリックすればconに表示されるようにしたいのですが、どうしても別ウインドウで表示されてしまいます。 どこがいけないのでしょうか？ どなたかご教授、お願いします。 <HTML> <body> <HEAD> <TITLE>＊＊＊</TITLE> </HEAD> <frameset cols='15%,*'> <frame src='top' name='top' scrolling='no'> <frame src='con' name='con' scrolling='auto'> </frameset><NOFRAMES> フレーム対応のブラウザでご覧下さい。 </NOFRAMES> </FRAMESET> <body bgcolor=#ffffff text=#000000 link=#0000ff alink=#ff0000 vlink=#ff0000> <a target="_con" href="hajimeni.html">はじめに</a> <body bgcolor=#ffffff text=#000000 link=#0000ff alink=#ff0000 vlink=#ff0000> <center> 今から更新</center> </body> </HTML>

    • ベストアンサー
    • HTML
  • フレーム内のリンクの右の大きなマージンをなくしたい。

    　画面をフレームで左右に分けまして、左フレームにリンクを10個ほど縦に並べています。 　リンク文字に背景色をつけ、更に左右のフレーム内にも別々の背景色をつけています。 　リンクは左フレームの中央に置きたいのですが、右側にマージンが出来てしまいバランスが取れません。 　色々試してみたのですが、どうしてもうまく行きません。下記にソースコードを記入しました。 　どう処理をすれば良いのか、どなたか教えて下さい。 　HPの初心者です。どうぞ、よろしくお願いします。 フレーム <frameset cols="19.5%,*" border="0"> <frame src="link.html" > <frame src="index.html"> </frameset> フレームの左側 <style type="text/css"> <!-- .param1 {line-height:2;position:absolute;left:10;} a {text-decoration:none;background-color:#eaffef;} --> </style> <body background="haikei.jpg" link="#0000ff" alink="#ff0000" vlink="#0000ff"> <pre> <br><font size="1%" class="param1"><a href="index.html" target="_top">トップページ　　　</a>

    • ベストアンサー
    • HTML

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する