ホームページの作成について教えてください。

質問

ホームページの作成について教えてください。
現在、HPのインデックスページの上部のh1のところに画像とテキストを載せ、
テキストの表示はHP上では見えないように設定しています。（画像のみが見える状態）
これを、画像を消して、テキストが表示されるように直したいのですが、
画像を消すことはできたのですが、テキストを表示させる方法がわかりません。

htmlタグは
<h1><a href="index.html"><span>文字列</span></a></h1>
となっており、

cssは
body {
background-color: #E8E4DF;
margin: 0px;
padding: 0px;
}
h1,h2,h3,h4,h5,p {
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color: #333333;
font-weight: normal;
font-size: 80%;
margin: 0px;
padding: 0px;
}
ul,li {
list-style-type: none;
margin: 0px;
padding: 0px;
}
li {
font-size: 80%;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-weight: normal;
color: #333333;
}
a span {
display: none;
}
.clear {
margin: 0px;
padding: 0px;
clear: both;
}
a:link,a:visited {
color: #CF5B01;
text-decoration: underline;
}
a:hover {
color: #663300;
text-decoration: underline;
}
となっています。

初心者のため、どこをどう直したらよいのかわかりません。

どなたか御教授お願い致します。

回答No.1

yoyox · ベストアンサー

<span>,</span>タグもしくは
スタイルシートの
> a span {
> display: none;
> }
の個所のどちらかを削除すれば
表示されるようになると思います．

が，片方を削除した時点でもう一方の存在意義がなくなるので，
どちらとも削除して良いと思います．
（スタイルシートの該当箇所が他の場所で使われていないと仮定）

お礼

さっそくのお返事ありがとうとございます！
教えて頂いた方法でできました！
本当にありがとうございました！