ＦＣ2ブログのタイトル画像の所をリンクにしたい

質問

FC2でブログやっています。

今現在ページのタイトルの所には画像は設置出来ているのですが
そこをクリックするとリンクでトップページに飛ぶように
設定するにはどのようにすればいいんでしょうか？

画像はスタイルシートを編集して設置しました。
わかる方よろしくお願いします。

回答No.2

Muller3 · ベストアンサー

スタイルシートでリンクは設定できるのですが、HTML構造がわからないと具体的な回答はできません。
以下は例です。
タイトル部分のHTMLが

<div id="header">
<h1><a href="リンクURL">タイトル</a></h1>
<h2>ブログの説明</h2>
</div>

となっている場合、

#header a {
display: block;
width: ○○px;
height: △△px;
}
（○○には画像の幅、△△には画像の高さを入れる）
上記をスタイルシートに追加することで、タイトル画像の範囲がリンクになります。
この方法はインライン要素であるaをブロック化してリンクの範囲を設定しているので、header内にa要素があることが前提です。
また、タイトル（テキスト）をdisplay:noneを使って非表示にしている場合、要素自体がなくなってしまうので上記のリンク範囲設定ができない場合があります。その場合はdisplay:noneを使わずtext-indent: -9999emなどの指定でタイトルを飛ばすという荒技が使われたりします。

この方法はスタイルシートの知識がないと難しいかもしれません。
詳しくは「画像置換」で検索してみるといいと思います。

お礼

画像置換ですね。検索してみます。
親切な回答ありがあとうございましたm(__)m

回答No.1

ms_7

スタイルシートでということは、背景画像として表示しているのですね。
これだとリンクを設定することはできません。
HTMLのバナーの部分に画像タグを書いて、それに下記の例のような感じでリンクタグを付けてください。

<a href="ブログのURL"><img src="画像のURL"></a>

お礼

やってみます。
ありがとうございましたm(__)m