ここから本文です

無料携帯ホームページナノさんで、ホームページを作っています。

名無しさん

2012/10/2019:09:13

無料携帯ホームページナノさんで、ホームページを作っています。

リンク部分に触れると、動いたり色が変わったりするようにしたくて下記のタグを「HEAD・HTML詳細」の「HEAD内」に書き込みました。


<style type="text/css">
<!--

body {
text-align: center;
div-align: center;
padding: 5px;
}

div#layout{
border: 1px solid #CCCCCC;
margin: 0 auto;
padding: 10px;
div-align: center;
text-align: left;
font-size: 0.7em;
background-color: #FFFFFF;
}
a:link,a:visited,a:active {
text-decoration:none;}
a:hover {
color:#666;
position:relative;
top:1px;
left:1px;}

-->
</style>


でも、反映がされないんですが・・・
どうしたらいいでしょうか?


色は下のようになっています。

文字色 #666666
背景色 #ffffff
リンク色 #ff6666
訪問済み色 #999999
アクティブリンク色 #cc3333

色はこの色にしたいです。

タグが間違っているのでしょうか?
間違っていたら正しいタグをお願いしたいです。
動かし方は、触れたら右下に動くようにしてください。

説明が下手ですいません。
どなたか回答お願いします。

閲覧数:
247
回答数:
1
お礼:
50枚

違反報告

ベストアンサーに選ばれた回答

yakaharaさん

2012/10/2316:07:46

まずは、
a:link,a:visited,a:active {
text-decoration:none;}
リンク、訪問、アクティブに装飾するなと書いてあります。

次に、動かないのは、親のdivにpostion:relative;
の指定が無いために、元の位置が判別できずそこから動かない
ついでに言うと1pxじゃあまりに微妙すぎて
はっきりとした動きが見えません
せめて5pxぐらいから削って調整しましょう

それから、まとめ書きがあると、そっちのstylが優先されるので

同階層のものは、バラバラに記述した方がいいですよ

質問した人からのコメント

2012/10/25 18:46:22

丁寧な説明ありがとうございました!
無事解決しました!!

この質問につけられたタグ

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる