![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
No.2ベストアンサー
- 回答日時:
スタイルシートでリンクは設定できるのですが、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などの指定でタイトルを飛ばすという荒技が使われたりします。
この方法はスタイルシートの知識がないと難しいかもしれません。
詳しくは「画像置換」で検索してみるといいと思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(ブログ) シーサーブログのタイトル文字位置とブログ説明文字位置の変更方法 2 2022/09/22 20:55
- gooブログ ブログの記事を書きだしのみに表示したい 1 2022/06/25 19:11
- その他(ブログ) 画像をタップしたら別の画像に飛ぶように設定出来るブログ 2 2022/08/10 16:20
- その他(ブログ) 画像をクリックしたら別の画像に飛ぶ仕様に出来るブログ 2 2022/08/12 16:44
- FC2ブログ どうやるのか、さっぱり分かりません。ブログ引っ越したいと思っています(URLだけを変えたい)。 3 2022/12/01 07:40
- gooブログ gooブログのプロフィール画像設定方法につきまして 1 2022/07/12 18:07
- WordPress(ワードプレス) WordPressのメニューについて 1 2022/10/22 01:10
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- その他(IT・Webサービス) ロリポップのレンタルサーバーを借りてます。(一般的な安いプラン) 元々はホームページでも作ろうと思っ 1 2023/05/24 19:54
- その他(セキュリティ) SMSの不在通知メールについて 3 2023/06/09 15:03
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
アイコンとバナーの違いについて
-
バナー広告の作り方
-
ビットマップ(bmp)形式で背景...
-
お札画像の素材集を加工してWeb...
-
編集が出来ません(JPEGフ...
-
FC2ブログで、画像の画面中...
-
<td>中の文字列に<p>は必要?
-
HTML 表の上に文字がきてしま...
-
縮小専用ソフトをダウンロード...
-
アメブロにアップした画像が表...
-
5分以上の動画を載せたい。
-
mixiに動画がアップ出来ません...
-
gooブログの編集
-
デジカメで撮影した集合写真に...
-
GIFをJPEGに変換出来ますか?
-
mixiトップに「動画を投稿しま...
-
デジタルカメラの画像について
-
ブログでネット上にある画像を...
-
魔法のiらんど。
-
デジカメ写真を加工するソフト...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
アイコンとバナーの違いについて
-
直リンクの貼り方
-
直接リンクと間接リンクの違い
-
アマゾンアソシエイトをご利用...
-
ブログでリンクを貼る方法
-
無料素材でDLしたバナーが「直...
-
movable typeでバナーにリンク...
-
バナーの直リンク禁止とは?
-
□バナーとリンクとタグの貼り方...
-
直リンについて
-
CSSで画像にリンクをつける方法
-
アマゾンアフィリエイトの画像...
-
バナーのURL
-
リンク用バナーのソースの表示方法
-
直リンと別窓表示
-
アメブロでの記事中のバナー貼...
-
リンクの貼り方。。
-
バナー 相互リンク 貼り方
-
ライブドアブログにバナーを貼...
-
gooブログでバナーを貼り付...
おすすめ情報