モバイルサイトのXHTMLコーディングで躓いたとこメモ

ホーム > タグ > 備忘録

モバイルサイトのXHTMLコーディングで躓いたとこメモ

2011-01-09 (日)
mobile

久々の現場仕事で色々忘れてたりどっつまずいたりしたことをメモします。モバイルサイトルール、相変わらず特殊です。。。

hrはちゃんと閉じた方がいいみたい

3キャリアに対応させようとするとやたらと長くなるお馴染みのhrタグ。

1	<hr size="1" style="height:1px; color:#xxxxxx; background:#xxxxxx; border:1px solid #xxxxxx;" />

でいいのと思い込んでいたのですが、どうもきっちり閉じないと閉じたと認識してくれない端末があるようです（その後のdivとかspanとかを読んでくれなかったり…）。なので、

1 2	<hr size="1" style="height:1px; color:#xxxxxx; background:#xxxxxx; border:1px solid #xxxxxx;"> </hr>

に直しました。大丈夫でした。

EZのみformには画像回り込みが効かない

モバイルではデザインの肝ともなり、かなりな頻度で使われる画像回り込みの術ですが、回り込むのがただのテキストではなくformの場合、i-modeとYahoo!ケータイでは問題なく回り込み、EZwebのみダメでした。このキャリアによる違いは知りませんでした。3キャリアの中でEZが一番ミスや適当を許さない仕様になっているので、まぁそのせいだと納得したフリ。

ちなみに、画像回り込みは例えば左寄せだと

1
2
3
4

<img src="xxx.gif" alt="画像の名前とか" style="float:left; align="left" />
ほげほげテキストを書きまして<br />
なんやらかんやら書きまして<br />
<div style="clear:both;" clear="all"></div>

と書きます。回り込み解除を

1	<br clear="all" />

と書いてはいけません。i-modeではじかれます。

色々忘れてたり、我流（社流？）だったりしてたんだなぁと、ちょっと反省してます。でもコーディング楽しいっす。仕様の変更もあるかもしれないし、改めてお勉強しなおしてみようかと思います。

コメント: 0
トラックバック: 0

Macが起動時に自動で共有サーバに接続してくれる方法

2010-10-06 (水)
Mac

共有サーバがMacを落とす度に切れるので、イイィーーってなってました。うちのCEOに教授頂きつつ設定したので、備忘録。

まず、アプリケーションの中にいる「Automator.App」を起動します。ロボです。

「アプリケーション」を「選択」します。

「ライブラリ」の「ファイルとフォルダ」を選択すると、その右のカラムに「指定されたサーバを取得」という項目があります。それを右のグレイのエリアにドラッグしてドロップします。

「追加」をクリックして接続したいサーバのURLを入力し、「OK」をクリック。

続いて「ライブラリ」の「ファイルとフォルダ」の「サーバに接続」を同じくドラッグしてドロップします。

「ファイル」＞「保存」をクリックして何か適当な名前を付けて保存します。

保存したAppファイルをDockへドラッグ。オプションの「ログイン時に開く」をチェックします。

以上で設定完了です！お疲れさまでしたー。なんかAutomatorって色々できそうですね。実は初めて触りました。今度じっくりいじり倒してみたいです。