CSSで見出しの頭に画像を設定する方法

shiteki — Wed, 17 Nov 2010 05:58:46 +0000

今更ですが、CSSをかじろうと思いまして、やりたいことを調べた結果を備忘録として残します。

今回やりたいのは「見出しの先頭に画像の設定する」ことです。

こんなかんじ

具体的にはまず以下のようにCSSに記載します。

[cc lang="css"]#xxx {
background-image: url( xxx.gif );/*画像URL*/
background-repeat: no-repeat;/*繰り返ししない*/
background-position: left center;/*背景画像を「左端の（上下の）中央」に表示*/
padding-left: 62px;/*見出しの文字列の開始位置を62pxずらす*/
}[/cc]

それからid=”xxx”を表示したいタグに入れるだけです。
上の例だと
[cc lang="php"]

こんなかんじ

[/cc]

間違ってたら教えてください。

＜参考＞
→CSSで見出しの頭に画像を加える(後編) – [ホームページ作成] All About

超便利！「エクセルシートをHTMLテーブルに変換しちゃう君」

shiteki — Wed, 21 Jan 2009 02:02:23 +0000

エクセルデータからHTML Tableタグの表を作成してくれる「Tableizer」なんてものもありますが、これよりも便利なのが「エクセルシートをHTMLテーブルに変換しちゃう君」です。
使い方を簡単にご紹介。

1.ここにアクセス
2.html化したセルを選択してコピーして貼り付け
3.各種設定をして「▼変換▼」をクリック
4.下にコードが作成されるので、これを貼り付けるだけ

＜参考＞
・WEBマーケティングブログ

WEB制作のネタ帳（for 初心者） » HTML

CSSで見出しの頭に画像を設定する方法

超便利！「エクセルシートをHTMLテーブルに変換しちゃう君 」

超便利！「エクセルシートをHTMLテーブルに変換しちゃう君」