- ベストアンサー
テンプレートを使ったHP作成☆リンクタグについて
- nanosという無料のHP作成サイトでHPを作成中です。テンプレートを使ってtopページを作ろうと思った所、リンクを貼った文字が薄いグレーになり、点線の下線までついてしまいます。カーソルをあてるとそれがピンクになります。
- カーソルをあてても、文字を変化させずに文字にリンクを貼りたいです。タグのに何か設定があるのでしょうか?
- タグの設定について教えていただけると嬉しいです。
- みんなの回答 (2)
- 専門家の回答
質問者が選んだベストアンサー
【font-size】はそのまま、文字の大きさ。 指定しなかった場合のサイズを100%とした時の割合です。 単位が【px】【pt】等の場合もあります。 これらは周りに影響されない確固とした大きさがあるので、%での指定時のように周りに影響されることはないです。 ---------- あああ <span style="font-size: 90%">いいい <span style="font-size: 90%">ううう</span></span> ---------- とすると、『あああ』は指定なしの時の大きさだけど、 『いいい』は『あああ』の0.9倍、 『ううう』は『あああ』の0.9×0.9倍(0.81倍)になる。 ---------- フォントサイズは実際にはどう表示されるかを確認して、調節するようにしてください。 どうしてもフォントサイズを変更させたくない場所以外は、%で指定した方が無難です。 無駄な部分は無いかと書かれていますが、それはあなたが何を不要としているかがわからないと答えられないです。 (^^; そもそもテンプレートは、誰が使用しても見本と同じように仕上がる…というものなので、下手にいじらない方が良いと思いますよ? 企業が提供しているものなので統計用に何かの情報を定期的に送る設定がされているかもしれませんが(もちろん、悪意のないもの)、明らかに無駄な設定はなされていないと思います。 変更したい部分があるなら、どう変更したいのかを具体的に質問してくださいな。 わかる範囲でお応えしたいと思います。 また、先の投稿で参考URLとして挙げた【とほほのWWW入門(http://www.tohoho-web.com/www.htm)】は、ウェブページ作りについてひと通りの説明が書いてあるので、ちょっと気になったこと等に利用してみてください。
その他の回答 (1)
- Pochi67
- ベストアンサー率34% (582/1706)
そのサイトのテンプレートを見ていないのでどことは書けませんが、とりあえずここに示された部分には無いみたいです。 テンプレートの中に、【.css】という拡張子のファイルがありますよね? 多分ないとは思いますが、もしcssファイルがなく、スタイルシートがhtmlファイルの上部に直接書き込まれている場合は、全てのページを手作業で直す必要があります。 cssファイルを開くと、【a:】で始まる部分があると思うので、そこの【color:●●】(●●は任意の文字列)●●の部分を変更します。 色の指定(●●の部分)は【red】【black】と英語で書いても良いですが、【#】+16進数6桁の数字でも表記されます。 訪問済みのページへのリンクがグレーになるのは【a:visited { color: ●●; } 】というところ、カーソルをあてるとピンクになるのは【a:hover { color: ●●; } 】というところです。 同じ色に指定し直してください。 16進数は0~9とA~Fまでの16個の文字を使った数え方の一種です。 知らなくても、色見本を使って好みの色を指定することは可能です。 http://www.tohoho-web.com/css/selector.htm#link (設定の種類の参考) http://www.tohoho-web.com/wwwcolor.htm (色見本)
補足
早々のご回答有難うございました。 質問で載せたタグは『全体レイアウト』という項目の場所にあり、そこのタグに色関係は含まれていなかったためよくわかりませんでした。 でも見直したら 『HEAD・HTML詳細』というのが他の場所にあり、そこのcssが <style type="text/css"><!-- body { text-align: center; div-align: center; padding: 5px; } body{text-align:center; font-family:"HGゴシックM","Geogia"; font-size:90%;} div.contents {text-align:left; padding:8px; width:600px; line-height:150%; } a:link,a:visited,a:active{ text-decoration:none;} a:hover { text-de coration:none; color:#000000; background-color:#ffffff; } input,taxtarea { font-size:x-small; color:#000000; background-color:#ffffff; border:solid 1px #000000; } --></style> でした。 色は何とかなったのですが、 例えば font sizeの90%とかは何に対しての90%なのかがわからずに困っています。 あと、無駄な部分はないでしょうか? もしお時間がありましたらご指導いただけたら有難いです。 宜しくお願いします。
お礼
本当に色々有難うございました。 少しずつですが、出来て来ました。 質問した内容は他のページにあったタグを直したら解決しました。 まさか、そのページ以外にも関係あるタグがあったとは! ビックリでした。 教えていただいたサイトはすごくわかりやすいです。 有難うございました。 そして、お礼が遅くなり申し訳ございません。 又何かありましたら宜しくお願いいたします。