試行576　下線と縦棒が別々のノーマル矢印
ここから下は下線と縦棒がセットのもの【こっちを使う】
　試行577　ノーマル矢印（必要なコードだけ残している［不採用］）
　試行578　ノーマル矢印（各セル下にすべてのコードが入っている）　
　試行579　above矢印（各セル下にすべてのコードが入っている）
★試行580　below矢印（各セル下にすべてのコードが入っている）
　試行581　ノーマル矢印を複数表示（試行577の応用、各セル下にすべてのコードが入っている）
　試行582　ノーマル、above、belowを複数表示（試行578，579，580のミックス、各セル下にすべてのコードが入っている）

経緯（※第１問、第３問でもサイズ検証しているが、第２問とは仕組みが違うので参考程度にする。）

①　ShushokuKasen70px100px130px160pxFadeIn.css　使用
セル幅が60pxの場合、70pxではつながってしまう。
おおよその種類のサイズだけでは対応できない。
→yokobarだけに『くわしく説明』の文字を入れると矢印位置がずれるので、
起点縦棒と上向き矢印には『くわしく説明』の文字を透明で入れている

②　ShushokuKasenleftiroiroFadeIn.css　使用
セル下の修飾下線のwidthを10px、leftの位置を5px単位で対応しても
丁度いい位置に合わせるのは難しい

③　shikousakugo577dai2monShushoku～を使ってすべてのソースを表示

④　shikousakugo578dai2monShushoku～で実際の使用例
3つ目のセルと4つ目のセルがyokobarの『くわしい説明』文字が
重なるので、3つ目の文字を消して、4つ目の文字をleftマイナス方向にしている

⑤　shikousakugo579dai2monShushoku～で矢印2つの実際の使用例

各セル下にすべてのコードが入っていて、cssで透明にしている
class=”shushokutatebartoleft2no5″ class=”kuwashikusetsumeimojitatebartoleft2no5″
class=”shushokukasen2no5″(セル下の修飾下線にはabove, belowでの違いがないのでabove,belowの表記なし)
class=”shushokuyokobarabove2no5″　class=”kuwashikusetsumeimojiyokobarabove2no5″
class=”shushokutatebartorightabove2no5″　class=”kuwashikusetsumeimojitatebartorightabove2no5″
class=”shushokutatebartoleftabove2no5″　class=”kuwashikusetsumeimojitatebartoleftabove2no5″ class=”shushokuuemukiyajirushifromrightabove2no5″　class=”kuwashikusetsumeimojiuemukiyajirushifromrightabove2no5″ class=”shushokuuemukiyajirushifromleftabove2no5″　class=”kuwashikusetsumeimojiuemukiyajirushifromleftabove2no5″

 
第2問で検証（第1問は割愛）
 

第２問

試行577をコピペ

I met Tom at school last week. を訳してみます。　

 
produced by eigoblock