携帯ｈｐのタグに詳しいかたお願いします

質問

携帯のホームページを作ろうと思っていて、ある素材屋さんから、連結する素材を借りました
それは、コの字型で、－、l、－という風に分かれているのをくっつけたんです。

文字をコの中に入れたいのですが、－のタグの次に文字タグを入れると－と、ｌが離れてしまいます。
どうしたらよいでしょうか？

回答おねがいします

回答No.2

thila · ベストアンサー

試していないので隙間等あいてしまっていたらごめんなさい。
左側用の画像の後ろに文字を入れてみて下さい。
↓こんな感じで

<img src="上用画像のURL"><br>
<img src="左用画像のURL">ここに入れたい文字を入力<br>
<img src="下用画像のURL">

この画像がどういう仕様のものに対して使うものなのかがよくわからなかったので、1番どの携帯でも表示できそうな方法を書いてみました。
これだと2行以上入れると│画像と下の─画像の隙間に文字が入るはず。
複数行入れる場合は

<img src="上用画像のURL">
<img src="左用画像のURL" align="left">ここに文字1行目<br>
文字2行目<br>
文字3行目<br clear="all">
<img src="下用画像のURL">

が多分無難なやり方ではないかなと思うのですが…携帯用HPでこの記述を使ったことがないので、携帯が対応しているのかどうか・また、どこまでの携帯が対応しているか未確認です、ごめんなさい。
他には、CSSを使ったりテーブルを使ったりする方法もあります。
CSSはここ半年以内に出た携帯なら、割と対応しています。
テーブルは最近のDoCoMoが対応していたはずです。

複数行記述やCSS・テーブルを使用した場合、非対応の携帯で閲覧するとちょっぴり不細工になります。

回答No.1

nekuza

連結素材をみてないので的確にアドバイスができてないかも知れませんが。
通常は

<pre>
</pre>
で表示可能です。

例
<pre>
～～～
</pre>

preの中の～～～の部分に文字などを入れれば、そのまま表示されます。

補足

さっそくの回答ありがとうございます
携帯なのですが、このページの豹というのを使おうと思っています。
http://u10.0zero.jp/ib/cate.php?uid=passionitem2&dir=215&cate=5&i_now=0&so=&th=1&now=20
お願いします