締切済み

スタイルシート

  • すぐに回答を!
  • 質問No.4171946
  • 閲覧数45
  • ありがとう数2
  • 気になる数0
  • 回答数2
  • コメント数0

お礼率 79% (213/269)

こんばんは。HPを独学で作っている超初心者です。

スタイルシートが反映してくれないのです。下記の記述で
何が違うのでしょうか???

---01.css---
<sytle type="text/css">
a:link{text-decoration:none;}
<style>

---index.html(抜粋)---
<head>
<link rel="stylesheet" href="01.css" type="text/css">
</head>


どうしても index.html のリンク部分に下線が出てきます。
どうして消せないのかが分かりません!!!

どなたか教えてください!よろしくお願いいたします!

回答 (全2件)

  • 回答No.2

ベストアンサー率 47% (287/608)

---01.css---
<sytle type="text/css">
a:link{text-decoration:none;}
A:visited{text-decoration:none;}
A:active{text-decoration:none;}
A:hover{text-decoration:none;}
<style>

ではなく

---01.css---
a:link{text-decoration:none;}
A:visited{text-decoration:none;}
A:active{text-decoration:none;}
A:hover{text-decoration:none;}

ですよ?
cssファイルの中にHTMLタグは、書く必要はありません。
今試してみたら、cssの中をstyleタグで囲むと
>今は未リンク時は下線、マウスポイント時には下線が消える状態です。
という症状が出てしまいました。
必要がないといいますか、書くとバグるみたいですね。
お礼コメント
MollyMole

お礼率 79% (213/269)

あ!できました!
styleタグで囲む必要ないんですね。

失礼しました。ありがとうございました!
投稿日時 - 2008-07-13 00:07:45
Be MORE 7・12 OK-チップでイイコトはじまる
  • 回答No.1

ベストアンサー率 47% (287/608)

---01.css---
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:active{text-decoration:none;}
a:hover{text-decoration:none;}

こうするべきですね。
くわしくは参考urlを見てください。
補足コメント
MollyMole

お礼率 79% (213/269)

すいません。回答通りにやってみたのですが、出来ませんでした。
リンクの下線は、未リンクでもマウスポイント時でも訪問後でも
消したいのですが、今は未リンク時は下線、マウスポイント時には
下線が消える状態です。

どうしてこうなってしまうのでしょうか?
投稿日時 - 2008-07-12 23:48:07
お礼コメント
MollyMole

お礼率 79% (213/269)

早速のご回答、有難うございます。やってみます。
でもどうしてすべて記載しないといけないのでしょうか?
昼の練習問題ではすべて記載しなくても出来たのですが…。
投稿日時 - 2008-07-12 23:44:47
AIエージェント「あい」

こんにちは。AIエージェントの「あい」です。
あなたの悩みに、OKWAVE 3,500万件のQ&Aを分析して最適な回答をご提案します。

関連するQ&A
このQ&Aにこう思った!同じようなことあった!感想や体験を書こう
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する

特集


より良い社会へ。感謝経済プロジェクト始動

ピックアップ

ページ先頭へ