MoBirth Tips

表組みをうまく表示させるには

注意事項

※MoBirthで変換する場合は、PCサイトのtableタグの記述方法によっては変換後に崩れて表示される場合があります。 その回避策として下記の例のように作成していただくと、変換後もきれいに表示されます。 横幅表示に関してはパーセントで指定してください。(width="○○%")

作成にあたり、tableやdivなどに対してそれぞれid属性を入れていただくことをおすすめいたします。

スマートフォン、ガラケーで確認してみてください

QRコード

左のQRコードをお手持ちのスマートフォン、ガラケーで読み取っていただきますと、MoBirth変換後にどのように表示されるかをご確認いただけます。

テーブル例1

タイトルが入りますタイトルが入ります

画像

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

<h3 align="left">タイトルが入りますタイトルが入ります</h3>
<table border="0" cellspacing="0" width="90%" cellpadding="10">
    <tr>
        <td>
            <img src="img/sample-img.jpg" align="bottom" width="250" height="150" border="0" alt="画像">
        </td>
        <td>
            <p align="left">テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
        </td>
    </tr>
</table>

テーブル例2

タイトルが入りますタイトルが入ります

写真A 写真B
画像 画像

<h3 align="left">タイトルが入りますタイトルが入ります</h3>
<table align="center" border="0" cellpadding="10" cellspacing="0" width="90%">
<tr>
<th width="50%">写真A</th>
<th width="50%">写真B</th>
</tr>
<tr>
<td width="50%" align="center">
<img src="img/sample-img.jpg" align="bottom" width="250" height="150" border="0" alt="画像">
</td>
<td width="50%" align="center">
<img src="img/sample-img.jpg" align="bottom" width="250" height="150" border="0" alt="画像">
</td>
</tr>
</table>

テーブル例3

写真A 写真B
画像 画像

テストテストテストテストテストテスト
テストテストテストテストテストテスト

テストテストテストテストテストテスト
テストテストテストテストテストテスト

<table align="center" border="0" cellpadding="10" cellspacing="0" width="90%">
<tr>
<th width="50%">
写真A
</th>
<th width="50%">
写真B
</th>
</tr>
<tr>
<td width="50%" align="center">
<img src="img/sample-img.jpg" align="bottom" width="250" height="150" border="0" alt="画像">
</td>
<td width="50%" align="center">
<img src="img/sample-img.jpg" align="bottom" width="250" height="150" border="0" alt="画像">
</td>
</tr>
<tr>
<td width="50%">
テストテストテストテストテストテスト<br />テストテストテストテストテストテスト
</td>
<td width="50%">
テストテストテストテストテストテスト<br />テストテストテストテストテストテスト
</td>
</tr>
</table>

テーブル例4

タイトルが入りますタイトルが入ります

画像

テストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテスト

画像

テストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテスト

<table align="center" border="0" cellpadding="10" cellspacing="10" width="90%">
<tr>
<td width="30%">
<img src="img/sample-img.jpg" align="bottom" width="250" height="150" border="0" alt="画像">
</td>
<td width="70%">
テストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテスト
</td>
</tr>
<tr>
<td width="30%">
<img src="img/sample-img.jpg" align="bottom" width="250" height="150" border="0" alt="画像">
</td>
<td width="70%">
テストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテスト
</td>
</tr>
</table>

テーブル例5

タイトルが入りますタイトルが入ります

  新着ニュース

2013年●月●日

テストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテスト

2013年●月●日

テストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテスト

2013年●月●日

テストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテスト

2013年●月●日

テストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテスト

<table align="center" border="0" cellpadding="10" cellspacing="0" width="90%">
<tr>
<td width="90%" colspan="2">
<p align="left">新着ニュース</p>
</td>
</tr>
<tr>
<td width="20%" valign="top">
2013年●月●日
</td>
<td width="80%" valign="top">
<p align="left">テストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテスト</p>
</td>
</tr>
<tr>
<td width="20%" valign="top">
2013年●月●日
</td>
<td width="80%" valign="top">
<p align="left">テストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテスト</p>
</td>
</tr>
<tr>
<td width="20%" valign="top">
2013年●月●日
</td>
<td width="80%" valign="top">
<p align="left">テストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテスト</p>
</td>
</tr>
<tr>
<td width="20%" valign="top">
2013年●月●日
</td>
<td width="80%" valign="top">
<p align="left">テストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテスト</p>
</td>
</tr>
</table>

料金

サロンメニュー1

お試しコース(40分) 4,095円
クイックコース(60分) 6,090円
スタンダードコース(90分) 8,925円
リラックスコース(120分) 11,550円

サロンメニュー1

お試しコース(40分) 4,095円
クイックコース(60分) 6,090円
スタンダードコース(90分) 8,925円
リラックスコース(120分) 11,550円

 <table width="80%">
<tbody><tr>
<th>お試しコース(40分)</th>
<td>4,095円</td>
</tr>
<tr>
<th>クイックコース(60分)</th>
<td>6,090円</td>
</tr>
<tr>
<th>スタンダードコース(90分)</th>
<td>8,925円</td>
</tr>
<tr>
<th>リラックスコース(120分)</th>
<td>11,550円</td>
</tr>
</tbody></table>

表組みの自動変換回避対策タグ入れ込み1

目的地 料金(円) 所要時間
浅草 ¥760 約40分
お台場海浜公園 ¥460 約20分
パレットタウン ¥400 約25分
東京ビッグサイト ¥400 約25分~35分

表組みの自動変換回避対策タグ入れ込み2

 
午前 × ×
午後 × ×

表組みの自動変換回避対策タグ入れ込み3

 

商品A

商品B

商品C

商品D

 赤

サイズ

 S

 M

 L

 LL

価格

 ¥1000

 ¥1200

¥1400

¥1600

▲ このページのTOPへ