<< 健康と食事  野菜の効力 | main | 野菜の効力No2 >>

表の回り込み、表を横に3つ並べるには

目次を作りました。順番に見てね

回り込みを使って、ちょっとしたレイアウトを考えてみました。
まずは、回り込みの練習です。
画像をupします。その画像の右に文字を入れます。これはJUGEMのオンラインマニュアルに載っているとおりです。
<img src="http://・・・・・.jpg" の後に回りこみの指示を入れます。style=”float:left”/> 文字はここに入れます。下図ではこんな感じで・・・・という文です。そして最後に回り込み解除の指示を入れます。<br style="clear:both">です。これで回り込みが解除されます。

指示全体はこんな感じです。
<img src="http://・・・・・.jpg" style=”float:left”/>こんな感じでどう。回り込み成功<br style="clear:both"/>

こんな感じでどう。回り込み成功


 そんでもって下図のようにしたいと思って、いろいろやってみたらできました。方法はstyle="float:left"を利用しました。この指示は図を左に表示、文字を図の右に表示という意味のようです。まずは最初の表を作成するときにtableの指示のところに<table style="float:left">という指示を作ります。そうすると次の表が右側に表示されます。今度はその次の表にも同じように<table style="float:left">と入れて、またその次の表にも<table style="float:left">の指示を入れます。そうすると表が横一列に並びます。そして最後の表の指示の後に回り込み解除の指示<br style="clear:both">を付け足します。

表題1
行題1D
行題2D
行題3D
表題2
行題1D
行題2D
行題3D
表題3
行題1D
行題2D
行題3D

ん、とても満足。

ついでに回り込みを利用して目次も作成
目次を作りました。順番に見てね







コメント
はじめまして♪
とても参考になりました(^^♪

  • 翅屋
  • 2010/09/26 6:14 PM
コメントする









この記事のトラックバックURL
トラックバック
calendar
  12345
6789101112
13141516171819
20212223242526
2728293031  
<< October 2019 >>
sponsored links
selected entries
categories
archives
recent comment
recent trackback
recommend
recommend
アメリカはなぜ「ガン」が減少したか―「植物ミネラル栄養素療法」が奇跡を起こす
アメリカはなぜ「ガン」が減少したか―「植物ミネラル栄養素療法」が奇跡を起こす (JUGEMレビュー »)
森山 晃嗣, Gary F. Gordon, ゲリー・F. ゴードン
ミネラルの大切さが解かります
recommend
免疫革命
免疫革命 (JUGEMレビュー »)
安保 徹
交感神経と副交感神経の関係がわかります。
links
profile
search this site.
others
mobile
qrcode
powered
無料ブログ作成サービス JUGEM