質問箱/2548

カテゴリ
サマリskin.ja.phpを改造して<h1>~<h5>タグの文字の前に画像表示について。
バージョン1.4.4
投稿者?
状態完了
投稿日2005-01-22 (土) 00:08:28

質問

skin.ja.phpをいじって<h1>~<h5>タグの文字の前にワンポイントの画像を表示させようとしたのですが。
h1に関しては

$body = str_replace("<h1>", "<h1><img src = \"skin/h1.png\">", $body);

で問題ないのですが
h3タグは<h3 id="content_5_0">このようになっていて5_0の部分が場所ごとに違うため上記のような方法ではうまくいきません。

$body = str_replace("<h3", "<img src = \"skin/h1.png\" align=\"left\"><h3", $body);

このようにすると画像は表示されますが画像の横にh3要素が回り込んでくれません。
h3がおそらくブロック要素なのでh3タグ内に表示させないといけないっぽいです。

何かいいアイデアは無いでしょうか?

回答

  • CSSでやるといいですよ。background-image:url(hoge.png)なんかをお好みのクラスやIDに追加してやればおっけーです。 -- okkez 2005-01-22 (土) 00:36:15
  • CSSで自分が考えていたとおりの効果を出すことができました以下CSSに追加した部分です。
background-image:url("h1.png");
background-position:0px 5px;
background-repeat:no-repeat;
padding-left:18px;

こんなかんじでdiv#body h3クラスに追加してみました。
数字は画像にあわせて変えればうまくいけそうです。
これで表現の幅が広がりましたokkezさん素早い回答ありがとうございました。 -- 銀? 2005-01-22 (土) 01:20:14



トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2005-07-17 (日) 15:51:51
Site admin: PukiWiki Development Team

PukiWiki 1.5.2+ © 2001-2019 PukiWiki Development Team. Powered by PHP 5.6.40-0+deb8u7. HTML convert time: 0.235 sec.

OSDN