遠田幹雄のフェイスブックページへの「いいね」をありがとうございます。
TOP > movabletype/ムーバブルタイプ >

MT投稿画面で背景画像の上にテキストで文字を表示するならテーブルを使ったほうが便利

背景画像画像を背景にしてテキスト文字を表示する方法について再検討した。CSSを使うのが一般的だが、MT（ムーバブルタイプ）では基本デザインでCSSを使っているため、個別記事でCSSを使うのは面倒だ。そこで、テーブルを使って背景画像にテキスト文字を載せる方法が一番表示が安定することがわかった。テーブルの背景画像を使うとは、古くて新しい方法かもしれないだ。忘備録としてソースを記述しておく。

▼サンプル画像
470300

▼テーブルを組んで背景に画像を入れて、文字テキストを表示した例

　
１ ２
３ ４：ここに文章

▼上記のテーブル部分のソース（ココログの場合）
<table border="1" background="http://www.tohdamikio.com/photos/uncategorized/2011/10/05/470300.jpg" style="width: 470px; height: 300px;">
<tbody><tr>
<td width="200" valign="top" height="100" cellpadding="0">１</td>
<td width="270" valign="top" height="100" cellpadding="0">２</td>
</tr>
<tr>
<td width="200" valign="top" height="195" cellpadding="0">３</td>
<td width="270" valign="top" height="195" cellpadding="0">４：ここに文章<br /></td>
</tr>
</tbody></table>

※border="1"としてあるのは境目の罫線を表示するためで、実際には挿入する必要はない。

なお、MTでは以下のソースでもうまく表示できるはず。
画像は「01.jpg」、テーブルの背景画像は「600×400ピクセル」、
上下の境目は上から「100ピクセル」、
左右の境目は左から「200ピクセル」、という設定の場合。
<table background="01.jpg" width="600"  height="400">
<tr>
　<td width="200"  height="100" valign="top">１</td>
　<td width="400"  height="100" valign="top">２</td>
</tr>
<tr>
　<td width="200"  height="300" valign="top">３</td>
　<td width="400"  height="300" valign="top">４：ここに文章</td>
</tr>
</table>

フェイスブックの「いいね」を…よろしければクリックしてください。

遠田はツイッターでも時々つぶやいています。興味あるかたはご覧になってみて、よろしければフォローしてください。
@tohdamikioがツイッターのツイナビ公認になりました。ついなび公認
ツイナビには有用な情報がたくさんあります。いつも新しい発見があり、参考になると思いますので参考にするとよいです。

人気ブログランキングに参加しています。
よろしければ１票クリックください。おねがいします。ﾍﾟｺﾘ m(__)m
ぽちっとクリックお願いしますさて、今日は何位かな？
※クリックすると人気ブログランキングの北陸ページのランキング一覧にジャンプします。

powered by
感動のビジネスを支援する　株式会社ドモドモコーポレーション
ドモドモコーポレーション株式会社ドモドモコーポレーション
代表取締役　遠田幹雄（中小企業診断士,ＩＴコーディネータ）
〒929-1171　石川県かほく市木津ロ64-1
電話076-285-8058 ＩＰ電話：050-1462-8058

< 2011/10/ 5 | movabletype/ムーバブルタイプ | >
遠田幹雄です。どもども、ドモドモ(^^)v 中小企業診断士ブログ
« 徳光PAには上りと下りを結ぶ陸橋がある | トップページ | 七尾市日和が丘サンビームのAVシアタールームでフェイスブックセミナ講師をさせていただきました »

はてなブックマーク 遠田幹雄中小企業診断士ブログはてなブックマーク　 遠田幹雄中小企業診断士ブログはてなブックマーク　 | 　ヤフーブックマーク　 Yahoo!ブックマークに登録　 user

■当サイトは、中小企業診断士でＩＴコーディネータの遠田幹雄（とおだみきお）が中小企業の経営者に役に立つマーケティングやバランススコアカードや経営戦略などのビジネス情報を紹介する中小企業診断士ブログです。

トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/24396/52918087

この記事へのトラックバック一覧です： MT投稿画面で背景画像の上にテキストで文字を表示するならテーブルを使ったほうが便利:

コメント

コメントを書く






▼当サイトでよく見られている人気記事とグーグルからの検索でアクセスが多い検索キーワードは以下のとおりです。
MT投稿画面で背景画像の上にテキストで文字を表示するならテーブルを使ったほうが便利
中小企業診断士：遠田幹雄の顔写真アップを見たいというキトクな方はこちら(^^;

中小企業診断士遠田

サイト内の過去の記事をもっと読みたい場合は、
続きを読む サイト内の全ページのURL表示をご覧ください。
※カテゴリ別アーカイブや月別アーカイブページ、そして全エントリーページのURLを一覧でご覧いただけます。

最近のトラックバック

ドモドモコーポレーションの遠田幹雄について

※ドモドモコーポレーション事務所は地図を見ると金沢市北部で、石川県庁からクルマで約３０分北上したところです。なお、かほく市は金沢市・津幡町・内灘町とともに「金沢ナンバー」のエリアです。
※「どもどもコーポレーション」、「どもどもこーぽれーしょん」、と「ドモドモコーポレーション」をひらがな表記だと思っている方もいらっしゃいます。が、当社は「ドモドモコーポレーション」とカタカナ表記です。
※遠田は「とおだ」と読みます。「とうだ」と読む方もいますが「とおだ」です。ひらがな標記のさいは「とおだ」に統一しています。また発音が同じ「とおだ」ということで遠田を、東田、当田、任田、藤田などと間違われる方がいらっしゃいますが、遠田は「とおだ」です。
※また、漢字を見て、遠田を、遠藤、遠山、園田などと間違われる方もいらっしゃいます。遠田は、遠田（とおだ）ですので、なにとぞよしなによろしくお願いします。ﾍﾟｺﾘ m(__)m
※遠田幹雄の「みきお」もよく間違われます。幹男、幹夫、幹生、幹郎、三喜男、三喜雄、三樹夫など「みきお」にはさまざまな漢字があります。遠田幹雄の「みきお」は幹雄でございます。新幹線の幹に雄雌（おすめす）の雄です。
※遠田幹雄は金沢を中心とし石川県富山県福井県で活動しています。「金沢のIT診断士」と言われるよう精進いたしますので、なにとぞよしなによろしくお願いします。ﾍﾟｺﾘ m(__)m