スポンサーサイト

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

画像に文字入れ ズボラ術 <button>でキャプション入れ編

入力フォームをつくるため、
<button>タグを調べていたら  http://www.htmq.com/html/button.shtml
こんな使い方もできるのですね↓

20090825_01.jpg


20090825_02.jpg


20090825_03.jpg


20090825_04.jpg




そこで、ズボラな技を考えました!
実際に、かなり使ってます(笑)↓

20090825_05.jpg




なぜ“ズボラ”かと言うと、、、
横に3列並べる場合、
<table>タグだと下記の通り ややこしいのですが↓

<table>
  <tr>
    <td>【 タイトル1 】</td>
    <td>【 タイトル2 】</td>
    <td>【 タイトル3 】</td>
  </tr><tr>
    <td><img src="【 画像 】" /></td>
    <td><img src="【 画像 】" /></td>
    <td><img src="【 画像 】" /></td>
  </tr><tr>
    <td>【 キャプション1 】</td>
    <td>【 キャプション2 】</td>
    <td>【 キャプション3 】</td>
  </tr>
</table>

<button >タグだと簡単だからです(笑)↓
<button >
  【 タイトル1 】<br />
  <img src="【 画像 】" /><br />
  【 キャプション1 】
</button>
<button >
  【 タイトル2 】<br />
  <img src="【 画像 】" /><br />
  【 キャプション2 】
</button>
<button >
  【 タイトル3 】<br />
  <img src="【 画像 】" /><br />
  【 キャプション3 】
</button>


【関連記事】
≫ 画像に文字入れ ズボラ術 <table>タグ編



Clip to Evernote Twitter つぶやく 画像に文字入れ ズボラ術 <button>でキャプション入れ編 をはてなブックマークに追加 ドロップシッピング ブログランキング

check!この記事を見た人は下記も見てます q(^ ^)

FLASHのプラグインをダウンロードしてください 2009-08-25


トラックバック


この記事にトラックバックする(FC2ブログユーザー)

電脳ライフのお役立ち

こずさんに教えてもらって、ついったーのつぶやきがリアルタイムで見れるようになりました。 フォローしてる人のつぶやきが入ると、ピコっ...
  • 2009-08-29
  • もしもし もしも。ドロップシッピング副業計画 

このページのトップへ

コメント

Secret

No title

ボタンタグっておもしろい使い方できるんですね。
参考になります~。
リンクって普通に貼れないんですね。
SEO的には一緒かな。

2009-08-25 |  MJさむらい URL |  edit

>MJさむらいさい

Firefoxだと、リンク貼れるのですが、
IEだとダメなようです。
(他のブラウザは試してません)

SEO的には、
<table>タグはあまり良くないと聞きますよねv-12
<button>タグはどうなのでしょう!

2009-08-25 |  dairy URL |  edit

No title

おおっ、いつもながらすごいです!

使わせていただきます♪

2009-08-25 |  やぎ睦月 URL |  edit

No title

すごい。。すごすぎです!!

テーブルは、書いていくうちに
どこの行かわからなくなるので嫌いでしたが
これなら、いつでも使いたいです♪


いつもありがとうございます(^^

2009-08-25 |  やゆよ URL |  edit

No title

想像を絶するボタンタグの使い方にビックリ!!

いつもいつもdairyさんには驚かされてますが、
ちょっと感動してしまいました!

2009-08-25 |  ダイスケ URL |  edit

すばらしい

ボタンタグなんて全然眼中になかったです。

ボタンタグさん、すみませんでした。
これからは、大いに活用させていただきます。

2009-08-25 |  denjinm URL |  edit

No title

すごいですね、buttonタグがここまでなるとは!
さすが☆dairyさん♪
ページ作りの時間短縮に使えますね^^

2009-08-25 |  Lapis Lazuli URL |  edit

感謝です!!

うわ~すごい!!

画像関連タグは、弱いので、
助かります♪

こういう記事、大好き^^

早速、使わせていただきますね。
ありがとうございます☆

2009-08-25 |  can URL |  edit

No title

すご~い!!
テーブルはSEOで良くないと聞き、断念。
でも、横に並べたいじゃん~ってずっと思ってました。

これで、思いっきり横に並べられます。
ありがとうございます♪

2009-08-25 |  まあ URL |  edit

>やぎ睦月さん

ズボラの世界へようこそ(笑)

やぎ睦月さんのように、
バリバリ作業スピードアップしたいです。
作業が追い付かず、
マスク商戦に加われません(^ ^;)

2009-08-25 |  dairy URL |  edit

>やゆよさん

わたしも、<table>タグって苦手でv-48
特に商品の順番を変えたい場合、
すご~く混乱します!

プロのやゆよさんも同じなのですね、
ちょっと安心(笑)

2009-08-25 |  dairy URL |  edit

>ダイスケさん

楽な方法はないか、そればっかり考えてますw
…嘘です、
少~しはユーザビリティも考えてます(苦笑)

ダイスケさんみたいに、
オリジナルの文章をきちんと書いて、
伝わるページをつくりたいです♪

2009-08-25 |  dairy URL |  edit

>denjinmさん

わたしも、偶然このページを見て、
目からウロコでしたよv-19
http://www.htmq.com/html/button.shtml

ボタンタグを活用されたら、
ぜひ教えてください!!!

2009-08-25 |  dairy URL |  edit

>Lapis Lazuliさん

作業短縮したいです(←コラ)
そして、
SEO対策にもっと時間を費やしたいです(> <)

Lapis Lazuliさんは育児も仕事もDSも、
本当にすごいですよね~v-254

2009-08-25 |  dairy URL |  edit

>canさん

わたしもcanさんのブログ大好きです。

canさんのブログを読んで、
「やることリスト」をつくってますが、
最近は全然追いつけません!
もっと作業スピードをつけたいです…

2009-08-25 |  dairy URL |  edit

>まあさん

まあさん、お世話になってます!

私も
<tabel>タグはSEO的にはあまり良くないと
何度か聞いたことあります。
あまり気にしないようにはしてますが(^ ^!)

今から まあさんのブログに遊びに伺います♪

2009-08-25 |  dairy URL |  edit

こりゃーつかえますね。

流石です。
美人は考えることが違います(笑)

2009-08-25 |  横道 URL |  edit

>横道先生

先生、先日はどうもありがとうございましたv-254
ジャンケンに負け、
惜しくもチロルチョコ逃しました…

“先生”という肩書上、
もっと固いイメージを勝手に持っていたのですが、
実際お会いすると、
笑顔が朗らかな優しい方でした!

もも太さんの、イジメネタに、
乗っからないでくださいぃぃぃ

2009-08-26 |  dairy URL |  edit

さすがです!

すごい!

早速、使わせて頂きました。
美人な上に才女!

あぁ、また一緒にお勉強したいです。

2009-08-26 |  yuex URL |  edit

>yuexさん

いつも“楽しよう”という、
怠け者の思いつきのようなものです(^ ^;)

私も教わりたいことが、いくつか発生!
勉強会したいです!

yuexさんまで、もも太さんのネタに乗っかってるぅ...

2009-08-28 |  dairy URL |  edit

No title

↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑

あっ、なぜか僕が登場してますね。。。

2009-08-28 |  もも太 URL |  edit

>もも太さん

バレちゃいました?(笑)

2009-08-29 |  dairy URL |  edit

<button>タグ、知らなかった~。

dairyさんに薦められた本を買って読んだはずなのに
<button>タグ、スルーしてました^^;

ボタンは<form>タグ内で<input>タグで作るものと…。
古い知識のままでした^^;;

すごく使えそう。ホントありがとうございます^^

2009-09-03 |  ヒロ URL |  edit

このページのトップへ



このページのトップへ

▼プロフィール


HN:dairy

SEOのみでがんばってます。『アクセス解析の鬼』をめざしてますw

メッセージ
メッセージは
こちらからどうぞ♪


≫ 相互リンク一覧

≫ 相互リンクを申し込む

もしもde願いが叶うなら♪feed
概要購読全文講読

Twitter
Twitterでつぶやいてます


ランキングに
参加しています♪

FC2Blog Ranking

blogram ブログラム

にほんブログ村 小遣いブログ ドロップシッピングへ

にほんブログ村 デザインブログ グラフィックデザインへ

にほんブログ村 主婦日記ブログ 兼業主婦へ

▼記事検索


▼WordPress MU

    WorePress mu の歩き方

▼MTOS

    MTOS の歩き方

▼Joomla

    joomla の歩き方

▼無料会員登録

もしもドロップシッピング 無料会員登録

▼わたしが利用したもの

SEOのみでプラチナ会員に到達しました! 私の必須ソフト、SEOに強い!
AQUAS アクアスの記事へ

クールでかっこいい、Movable Type と WordPress のテンプレート。モバイルサイト同時作成できるから、ズボラな私には嬉しいです♪
クールでかっこいい MT & WordPress テンプレート

2日間でショップがつくれちゃう!! 驚きの WordPress テーマ。コレでショップ大量生産中...
かんたんDSくん+

商品を選んで貼るだけ、3日間で2,295点つくれるDSテンプレート!
ドロップシッピングのための専用ホームページテンプレート ドロップシッピングのための専用ホームページテンプレート

私はこれでオリジナルFlashつくってます!
簡単Flash作成ソフト

無料版をダウンロードできます! 動作確認できて安心です♪ 軽快なウイルス対策ソフト!
ウイルス対策ソフト

SEO強化に!ドメイン取得♪ 独自ドメインだと、サーバーの引っ越しも楽々です。

MySQL30個で大満足です! ドロップシッパー御用達レンタルサーバー、マルチドメイン無制限!

やっぱり使いやすい! 公認講師の方に勧められた格安サーバー。マルチドメイン利用可能な「チカッパ!プラン」利用してます(^ ^)

安さで選びましたw 1か月たったの200円! マルチドメイン・ PHP・CGI・MySQL にも対応♪

会員登録(無料)すると、1日5点無料ダウンロードできます♪
paylessimagespaylessimages

会員登録(無料)すると、1日15点無料ダウンロードできます♪
Fotolia
FotoliaFotolia
Fotolia

私が参考にしている本たちです♪ 〔新刊順〕
≫ dairyの本棚 ≪



特待生の時にちょっとだけトライ。単価1円からのWeb集客広告、Yahoo! スポンサードサーチ!

▼つながり

あわせて読みたいブログパーツ

▼ブログパーツ

》 PING送信 《

▼カウンター

このページの先頭へ

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