人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

下記の形をau携帯で表示させない。HTMLでもXHTMLでもテーブルタグを使わないでできますか?罫線は画像です。
大きな画像に回り込みで「小さい画像+文字をかいて」改行して「小さい画像+文字をかいて」を書きたいのです。
1個だと<img 大きい画像 align=left><img 小さい画像 align=left>文字文字 でいけるのですが…。よろしくお願いします。

┌────┐┌┐
│ │││文字文字
│ │└┘
│ 画像│┌┐
│ │││文字文字
│ │└┘
│ │
│ │
└────┘


●質問者: chuff
●カテゴリ:ウェブ制作
✍キーワード:AU HTML XHTML タグ 携帯
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● kn1967
●60ポイント

>1個だといける

align=left は単純に「左に習え」というだけの指示なので、

2個だと画面の幅を超えてしまい、次の行へという事になってしまいます。


対応としては cssで float を使って改行を抑制/制御すれば良いのですが、

残念ながら au携帯のcssではまだfloatに対応していないようで使えません。


(代替案1)背景画像

左の大きな画像は背景画像とし、小さな画像はcssで開始位置を調整する。


(代替案2)画像分割

大きな画像をいくつかに分割して、小さい画像の高さと揃えて、並べる。

◎質問者からの返答

ありがとうございます。試してみます!

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ