方法として思いつかないため、良いアイディアか方法があればご教授ください。ブラウザや環境により見え方がまちまちなのも承知の上です。
現在以下のような感じに文字と画像を組んでいるのですが、
<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を探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
EXCELのセル内にHTMLタグを含む...
-
colspanを使うと正しく表示でき...
-
cssで、表示されるテキストによ...
-
セルの高さを固定したい
-
逆L字の表(table)組み
-
HTMLのテーブルで桁をそろ...
-
テーブルの枠自体を折り曲げる
-
テーブルの枠が2重線になるので
-
固定幅div内のテーブルセルの幅...
-
テーブルの縦罫線を1本だけ細く...
-
tableコーディング 幅ピッタリ...
-
Dreamweaverで行間の調整
-
ホームページ 表の上の余白を...
-
TABLEタグでのpadingについて
-
テーブルの行を折りたたみたい...
-
TRタグの余白をcssで設定するには
-
テーブルの任意の列を非表示に...
-
画像の高さと文字位置
-
Htmlのtd要素の中で半角の空...
-
【CSS】縦横スクロールテーブル...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルの行を折りたたみたい...
-
tableにul,または,olを入れられ...
-
TRタグの余白をcssで設定するには
-
テーブルのヘッダとボディの幅...
-
テーブルの任意の列を非表示に...
-
cssで、表示されるテキストによ...
-
ホームページ 表の上の余白を...
-
tableでcolspanを使うと次行以...
-
中に<table></table>が使えるア...
-
html・cssで日付をキレイに揃え...
-
テーブルの行の高さを指定する...
-
テーブルタグのセルの幅の一部...
-
文字列が入っているtdを削除せ...
-
逆L字の表(table)組み
-
テーブルのセルに画像をピッタ...
-
EXCELのセル内にHTMLタグを含む...
-
テーブルタグの中に<ol><li>を...
-
HTML <td></td>タグ セル内余...
-
テーブルの表示がずれます
-
テーブルの装飾
おすすめ情報