方法として思いつかないため、良いアイディアか方法があればご教授ください。ブラウザや環境により見え方がまちまちなのも承知の上です。
現在以下のような感じに文字と画像を組んでいるのですが、
<table>
<tr><td valign="middle"><img src="**.gif" width="10" height="10"></td>
<td valign="middle">てきすとてきすとてきすとてきすとてきすとてきすと</td>
</tr></table>
てきすとが2行になった時も画像が当然ながら高さの中央に配置されるため不自然になっています。できれば2行目が存在することになっても画像の高さをテキスト1行分の中央におきたいのですが何か方法ありませんでしょうか。
スタイルシート記述でもタグでも構いません。
No.3
- 回答日時:
1の方のおっしゃる通り、たぶん文頭に小さい文頭マークを付けたいのだと思うので、
テーブルじゃなくリストを使うのがいいと思いますが、
>画像が当然ながら高さの中央に配置されるため不自然に
これについてのみ言えば、valign=「"middle"」を「"top"」に書き換えてみてはどうでしょう。
No.2
- 回答日時:
≫ブラウザや環境により見え方がまちまちなのも承知の上
≫以下のような感じに文字と画像を組んでいる
≫スタイルシート記述でもタグでも構いません。
発想の順番が違います。
最初に決めなければならないのは、そもそも、これはどんな要素で組み立てられている文書か?。すなわち、文書構造が出発点です。
その上で、デザインを考えましょう。
たとえば、カタログで、リストで説明が書かれている。
[例]
<dl>
<dt>商品名</dt>
<dd>画像</dd>
<dd>商品説明</dd>
<dt>商品名</dt>
<dd>画像</dd>
<dd>商品説明</dd>
</dl>
それとも、アルバムを説明つきで表示するのか
[例]
<div>
<h3>画像とタイトル</h3>
<p>説明</p>
</div>
<div>
<h3>画像とタイトル</h3>
<p>説明</p>
</div>
あるいは、本当に表なのか
<table>
<tbody>
<tr>
<th>タイトル<th><td>写真</td><td>説明</td>
</tr>
</tbody>
</table>
本来の状況だったら、仰ることは尤もなんですが素地とタグ使用にかなりの縛りがあっての作成だったのでこんな聞き方しかできませんでした。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・14歳の自分に衝撃の事実を告げてください
- ・架空の映画のネタバレレビュー
- ・「お昼の放送」の思い出
- ・昨日見た夢を教えて下さい
- ・ちょっと先の未来クイズ第4問
- ・【大喜利】【投稿~10/21(月)】買ったばかりの自転車を分解してひと言
- ・メモのコツを教えてください!
- ・CDの保有枚数を教えてください
- ・ホテルを選ぶとき、これだけは譲れない条件TOP3は?
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・【コナン30周年】嘘でしょ!?と思った○○周年を教えて【ハルヒ20周年】
- ・ハマっている「お菓子」を教えて!
- ・最近、いつ泣きましたか?
- ・夏が終わったと感じる瞬間って、どんな時?
- ・10秒目をつむったら…
- ・人生のプチ美学を教えてください!!
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・都道府県穴埋めゲーム
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルの行を折りたたみたい...
-
TRタグの余白をcssで設定するには
-
ホームページ 表の上の余白を...
-
HTMLで文とテーブルの間が空く。
-
tableにul,または,olを入れられ...
-
表の一部を結合するには?
-
テーブルのヘッダとボディの幅...
-
44行目: パラメータ '__format'...
-
スタイルシートで colspan=3と...
-
CSSだけで<table>の<td>や<tr>...
-
テーブルの大きさが変わらない...
-
値が0なら非表示にしたい
-
チェックボックスが複数チェッ...
-
テーブルの任意の列を非表示に...
-
テーブルの枠線(外内両方)を...
-
htmlで作成するテーブルの横線...
-
width指定したTDでwhite-space:...
-
文字列が入っているtdを削除せ...
-
ホームページビルダ14で、表の1...
-
テーブルの中のフォームについて
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルの行を折りたたみたい...
-
tableにul,または,olを入れられ...
-
TRタグの余白をcssで設定するには
-
cssで、表示されるテキストによ...
-
テーブルの任意の列を非表示に...
-
テーブルのヘッダとボディの幅...
-
ホームページ 表の上の余白を...
-
テーブルのセルに画像をピッタ...
-
中に<table></table>が使えるア...
-
文字列が入っているtdを削除せ...
-
逆L字の表(table)組み
-
スタイルシートで colspan=3と...
-
テーブルの装飾
-
EXCELのセル内にHTMLタグを含む...
-
tableの要素(tr、td)に一...
-
テーブルの表示がずれます
-
tableでcolspanを使うと次行以...
-
HTMLで文とテーブルの間が空く。
-
テーブルの行の高さを指定する...
-
値が0なら非表示にしたい
おすすめ情報