• ベストアンサー

HTML リンク　フォントサイズを小さくする

タイトル通りテキストリンクのフォントサイズの変え方を教えて下さい <A href="http://www.yahoo.co.jp/" STYLE="text-decoration:none;" font size="1"> Powered by YahooJAPAN </A> でやってみましたがフォントサイズが変わりませんでした

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

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

<a href="http://www.yahoo.co.jp/"> <font size="1"> Powered by YahooJAPAN </font> </a> ではダメですか？ もしくはCSSで最初からリンク(アンカー)のフォントサイズを指定しておくとか。

takuya12421242
質問者

お礼

回答有難うございました。私もいろいろ試行錯誤やってみたのですが全部失敗でした。今回Mechirun様の回答のお陰で無事成功出来ましたした！

  1. カテゴリ
  2. インターネット・Webサービス
  3. その他（インターネット・Webサービス）

関連するQ&A

  • ヤフーオークションのリンクでカラー指定と下線を消したい

    ヤフーオークションでリンクの下線を取っ払い、カラーも#660000で指定したいのですが上手くできません。 text-decoration:none;および<font color=#660000>はどこに突入すればいいのでしょうか？ <a href="http://～" target="_blank" title="自己紹介文">自己紹介文</a>←基本ベース <a href="http://～" style=text-decoration:none;　target="_blank" title="自己紹介文"><FONT SIZE=1 COLOR=#660000>自己紹介文</FONT></a>←でくくっても全く効果がありません。 プレビューで再表示されると下線付きデフォルトのリンク色が紫#810081で表示されてしまいます。

  • 要素の中央表示　CSS or HTML

    こんにちは。現在、自分でHPを作成しています。以下の要素を、画面の垂直方向からも水平方向からも 　　　　　　　　　　　　　　A 　B　 C の様に中央になるように表示したいのですが、そのやり方がわかりません。どなたか教えていただける方いらっしゃいましたら、どうぞよろしくお願い致します。 要素↓ <A href="" style="text-decoration:none"><FONT size="4">A</FONT></A> <A href="" style="text-decoration:none"><FONT size="4">B</FONT></A> <A href="" style="text-decoration:none"><FONT size="4">C</FONT></A> PS:以下のページを参照してトライしてみましたが、何もページに何も反映されませんでした。(私の書き方が間違っていた可能性が高いです。) http://www.stylish-style.com/csstec/basic/p-vertical.html

    • ベストアンサー
    • HTML
  • CSS：スタイルシートでテキストリンク

    教えてください！！ 外部ファイルのスタイルシート（ＣＳＳ）を使って、各ページへジャンプするテキストリンクをマウスオーバー時に太字になるように設定しています。 ＩＥ6.0では問題なく起動していますが、ＮＳ7.1,Firefox1.0では、機能していません。何か対処方法はないでしょうか？ ↓私の記述は以下の通りです↓ 【外部ファイルへのリンクの記述】 <link rel="stylesheet" type="text/css" href="../menu.css" title="menu" /> 【外部ファイル内のＣＳＳの記述】 .menu { font-family: "ＭＳ Ｐゴシック", Osaka; font-size: 12px; font-style: normal; line-height: 14px; color: #FFFFFF; text-decoration: none; } .menu a:link { color: #FFFFFF; text-decoration: none; } .menu a:visited { color: #FFFFFF; text-decoration: none; } .menu a:hover { color: #FFFFFF; font-weight: bold; text-decoration: none; } .menu a:active { color: #FFFFFF; font-weight: bold; text-decoration: none; }

  • ｃｓｓでハイパーリンクの線を消したい

    <style type="text/css"> a.noline { text-decoration: none; } </style> <a href="http://www.yahoo.co.jp/">yahooを開く</a> これで、リンクの線が消えると思ったら、消えません。 どこがまちがってますか？

  • ｃｓｓの外部ファイルでのリンクの装飾

    学校の課題で今ＨＰを作っています。 外部ファイルでリンクの装飾をしようとしているのですが、 検索してもＨＥＡＤ内に組み込むタイプのタグしか出てきませんでした。 <Style Type="text/css"> <!-- A:link { text-decoration:none; color:#000080; } A:visited { text-decoration:none; color:#000080; } A:active { text-decoration:underline; color:#000080; } A:hover { text-decoration:underline; color:#1e78ff; } //--> </Style> ↑このようなものを外部ファイルの場合はどう書けばいいのでしょうか？ つまり↑の内容（リンクの装飾）を↓のような形式に書き換えたいということです。 #title{ font-size:24px; font-weight:bolder; font-family:Arial; } わかりづらくて申し訳ありませんが、どなたか詳しい方いましたらよろしくお願いします★

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

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

  • リンクだけが指定にない色になります。

    テキストの色を全体に統一したいのですが、リンク部分のみ指定にない色（青）になります。 <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
  • スタイルシート上でリンク文字色の設定

    ○スタイルシート iro { font-size: 18; } iro:link { text-decoration:none;color:赤; } iro:visited { text-decoration:none;color:青; } iro:hover { color:黄 } iro:active { text-decoration:none;color:緑; } ○本文 <p id="iro"> 　<a href="abc.html">リンク</a>　　　　　　　　　　 </p> すごく基本的な質問です。 スタイルシート上でリンク文字の色を設定したいのですが、さっぱりわかりません。 上のコマンドではうまくいかないことは確認済みなんですが、一応書いてみました。 ちなみに赤、青といった色指定の部分は、簡単になるように「#～」ではなくああいう風に書いています。 めんどうでしたら、色指定の部分は空白でかまいません。 正しい書き方を教えてもらえないでしょうか。

    • ベストアンサー
    • HTML
  • マウスカーソルを当てた時だけハイパーリンクの下線を

    マウスカーソルを当てた時だけハイパーリンクの下線を表示させたいです。 今、 <html> <head> <title>test</title> <style type="text/css"> a.{text-decoration: none;} </style> </head> <body> <a href="http://www.yahoo.co.jp/">yahoo</a> </body> </html> というコードですが、 まず、a.{text-decoration: none;}をしてるのに、リンクに下線がついてしまいます。 a.{text-decoration: none;}が間違っていると思うので、 マウスカーソルを当ててない状態で、リンクに下線を表示させない方法を教えてください。 更に、マウスカーソルを当てたときのみ、下線を表示させたいのですが、 その方法も併せてご教授お願いします。

    • 締切済み
    • CSS
  • cssにおけるフォントの大きさの制御と外部ファイルについて

    現在多くの方々に見ていただけるようなホームページをと思って自分のページを制作しているのですが、フォントの大きさのことで困っています。 通常のIEではデフォルトでフォントを表示すると非常に大きな文字になるので-1のフォントを使用しています。しかしNNだと（特にお年寄りには）見づらいページになってしまうような感があります。 そこでスタイルシートでIEでもNNでもMacでもWinでも10ptの文字にして、文字にふれたときに下線がつくなどの処理をしました。 <style type="text/css"> <!-- a:link {font-size: 10pt; text-decoration:none; color:#000000; } a:visited {font-size: 10pt; text-decoration:none; color:#000000; } a:active {font-size: 10pt; text-decoration:none; color:#000000; } a:hover {font-size: 10pt; text-decoration:none; color:#FF0000; } --> </style> しかし、全く見られないなど（おそらくブラウザのバージョンにも依存するのだと思いますが）の意見もあり、困っています。 個人的には一番いい形で見てほしいし、多くの人にも見てもらいたいのでどうすればいいだろうと悩んでいます。 そこでご存じの方に教えていただきたいのですが （1）あまり負担にならない程度にそれぞれのマシンごとの識別させたい、もしくは、対応できないブラウザの場合は、通常のデフォルトサイズのフォントで見てもらうようにする方法はないでしょうか？ （2）cssやjavascriptなどは外部ファイルとしてhtmlファイルからリンクさせることが可能かと思いますが、実際の場合、htmlに埋め込む場合とリンクする場合で何か変わってくることはあるのでしょうか？（ひょっとして、複数のファイルにスタイルやスクリプトを適応させることができるというぐらいのメリットなのでしょうか？） お手数おかけしますがよろしくお願いいたします。

    • ベストアンサー
    • HTML

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する