[返信する]
片側スペース
By よし乃
2011-05-17 05:35:40
テーブル内の一部の文で左側だけスペースを空けたいのですが、どのようなタグを、どのように使うのが無難でしょうか？
iモードブラウザ1.0の機種なのでmarginとかは反映しませんし、定義リストのタグを使おうかとも思いましたが、スペースを空けたい文字列は用語とその説明文とかではないので使って良いものか悩んでいます。
理想は↓というような感じです。

(テーブルタグ開始)
　あいうえお
(左側スペース開始)
　　かきくけこさし
　　すせそたちつて
　　と。
(左側スペース終了)
　なにぬねの
(テーブルタグ終了)

良かったらアドバイスお願いします。
SH705i
[編集]
By 通行人
2011-05-17 07:46:04
リストタグを使ってもいいですし、テーブルのセルを増やす事で対応してもいいと思います。
間違った使用方法の場合も多いですが、i-mode1.0は制約が多いので仕方ない場合もあると思います。

テーブルのセルを増やす事を「連結」と呼びます。テーブルについて解説されている支援サイト様ならば、大抵は連結についての説明もあるはずですので探してみてください。

それからタグにある程度慣れてきているのならば、PC向けへのタグの振り分けも考えてみてください。もうされていたら申し訳ありません。

P04B
[編集]
By たすけあい
2011-05-17 09:15:38
docomoブラウザ1.0の場合は、レイアウトを考えるとやむを得ないのですが、質問者様のように要素の使い方を意識するのは文書の構造化にとても良いことです。
意識して作成することで、どんな環境(視覚系ブラウザだけでなく、音声出力・点字出力他)の閲覧者様にもアクセスしやすい優しいサイト様になります。

以下はやむを得ない方法に変わりないですが、出来る限り要素の使い方を考慮した方法の一つとして、携帯向けにスペーサーgif画像(透明画像)を使い横幅・高さ指定をなされば、どのブラウザからも同じスペースを空けた表示になります。(解像度の違いはありますが)
PCで作成できますし、素材サイトさんでも配布されてます。

または、「XHTML変換する」設定なら、docomoブラウザ1.0も画像にmargin指定が対応してます。
「例」
<div style="font-size:x-small;">ここは画面左隅から表示する文字列《ここで改行する》
<img src="透明画像URI" width="1" alt="" style="margin-right:19px;" />ここは、画面左側に余白を空けたように表示する文字</div>
(数値変更で好きな余白幅にできます。)

左側に余白を空けた表示の文字列が、複数行になる場合はimgタグに
<img src="透明画像URI" width="1" alt="" align="left" style="float:left;margin-right:19px;margin-bottom:○px;" />左側に余白を空けた複数行の文字列<br clear="left">
(○は行数分の高さを数値で記述。)
で、docomo携帯向けにも、次の表示文字列を通常の左隅に戻す場合は、divタグなどにCSSでclearプロパティを使い解除でいいと思います。

PC・スマートホン向けには、ご回答のようにCSSのみを使い振り分けることをおすすめします。(すでに振り分け済みなら失礼しました)

943SH
[編集]
[1-10表示]
[返信する]
[新規トピ]
[戻る]
無料HPエムペ！