スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

我が家のスズランが今朝咲きました

<
<今年もスズランの花が開花しました



 ソースです。縦横画像を中央表示するために、divタグではスタイルに virtical-align が使えませんので、テーブルを使用しました。テーブルのセルのスタイルで、text-align:center; vertical-align:middle; と中央配置を指定しています。なおテーブルのタグは、必要最小限のタグだけ記述しました。
 
< table> < td style="width:600px; height:600px; line-height:25px; text-align:center; border:outset 2px; vertical-align:middle; background-image:url(http://goo.gl/Mzvi); font-size:0px; "> < < img src="http://goo.gl/DrQ2" style="border:inset 2px; z-index:1; " onclick="n=this.style.zIndex; n++; if(n> 4)n=1; this.style.zIndex=n; if(n==1) { this.src='http://goo.gl/DrQ2'; t_idkey.innerText='スズランの花が今日はじめて開花しました'; }else if(n==2) {this.src='http://goo.gl/AmnB'; t_idkey.innerText='ブランコの脇のシャガの花も今年はきれいだ'; }else if(n==3) {this.src='http://goo.gl/Yvkj'; t_idkey.innerText='憩いの家の藤棚のふじも開花しました'; }else if(n==4) { this.src='http://goo.gl/qMtK'; t_idkey.innerText='公園の桜が今日もまだ咲いていました。寒さのせいでしょうか?ひと月近く咲いています'; }" /> < br/> < < span id="t_idkey" style="font-size:12px; "> 今年もスズランの花が開花しました< /span> < /td> < /table>

画像のURLはGoogleのURL短縮で短縮しています。

コメントの投稿

非公開コメント

FC2カウンター
プロフィール

dongwcat

Author:dongwcat
FC2ブログへようこそ!

最新記事
最新コメント
最新トラックバック
カテゴリ
検索フォーム
RSSリンクの表示
リンク
ブロとも申請フォーム

この人とブロともになる

QRコード
QRコード
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。