【携帯サイト】ボタンリンクを作成する

携帯ページでボタンのリンクを作成します。

PCページだとformタグを使わずに、直接input要素や、buttonタグなどに
JavaScriptのonClickなどを使うパターンが多いですが、
携帯ブラウザでは、JavaScriptに対応していない為、
formタグの中にinputタグを置き、type属性でsubmitを指定します。

<form action="リンク先URL" >
	<input type="submit" value="ボタンテキスト">
</form>

formタグのaction属性に「リンク先URL」、
inputタグのvalue属性に「ボタンテキスト」
をセットします。

submitボタンリンク

【携帯サイト】画像を右に回り込みさせる方法

携帯サイトで画像を右に回り込みさせる方法

画像の回り込みについて

<img style="float: right;" src="img01.jpg" alt="" align="right" />
サンプルサンプルサンプル...

「align=”right”」のみの記述では「docomo」で×
「style=”float:right;”」のみの記述では「au」で×

「style=”float:right;” align=”right”」
の両方を記述すれば、3キャリアとも○

画像の回り込み

回り込みの解除について

<img style="float: right;" src="img01.jpg" alt="" align="right" />
サンプルサンプルサンプル...

<img style="float: right;" src="img01.jpg" alt="" align="right" />

サンプルサンプルサンプル...

brでクリアしようとすると…

<br clear="all" style="clear:both;" />

の記述では「docomo」で×

divでクリアしようとすれば…

<div clear="all" style="clear:both;"></div>

と記述すれば、3キャリアとも○

回り込み解除

clearはブロック要素で使用する!!