No.6ベストアンサー
- 回答日時:
5ですがfirefoxで長い文章が折り返さなかったので修正です
<div>
<p class="artP"><img src="d.jpg" alt="" /></p><!--
--><p class="artT">text</p>
</div>
.artP, .artT {
display:table-cell !important;
display:inline-table !important;
display:inline;
height:1%;
vertical-align:middle;
}
.artT {
width:300px;
}
この回答へのお礼
お礼日時:2009/04/28 08:45
ご回答ありがとうございます。
metametamuさんの教えで完璧にできました。
ずっと悩んでいたのですが、こんなにあっさり終わるとは思いませんでした。感謝いたします。
No.5
- 回答日時:
<div>
<p class="art"><img src="image.jpg" alt="" /></p><!--
--><p class="art">text</p>
</div>
.art {
display:inline-block !important;
display:-moz-inline-box !important;
display:inline;
height:1%;
vertical-align:middle;
}
No.4
- 回答日時:
CSSの方が美しいですよね。
残念ながら私はCSSに関しては知識不足ですが。
http://css.uka-p.com/
テーブルは以下のページが参考になりますでしょうか。
http://heo.jp/tag/table/
No.2
- 回答日時:
> 文章(1行や3行)が写真に対して常にセンターに来るようにしたいのですがそんな都合の良いタグは無いですかね?
「タグ」はないです。属性、もしくはプロパティで妥当なスタイルを与えれば可能ですが。
テーブル・レイアウトの頃であれば、写真と文章のセルに対してvalign属性をmiddleにすれば簡単に実現できていたレイアウトですが、tableでのマークアップが妥当ではない場合は色々と工夫が必要です。IEを度外視して良いなら、displayプロパティにtable-cellの値を与えた上でvertical-alignプロパティでmiddleの値を与えれば簡単なんですけどね。IEがこのtable-cellが未実装なもんですから(IE7の時点で)、IE用にはinlineを使って代用したりします。
具体例は省略します。ご自身で検索(このカテでも過去に似た様な質問が何度か出てる筈)するか、下記を参考にでもなさって下さい。
【参考】http://www.yomotsu.net/wp/?p=387
この回答へのお礼
お礼日時:2009/04/27 16:49
ご回答ありがとうございます。
そうですか..タグは無いですか...
ですがかなりヒントをいただきました。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- ネットスーパー 注文したテーブルが届いたのですが、写真のような破損(捲れ上がり?)がありました。 メーカーに返品交換 5 2022/05/26 12:11
- LINE LINEで写真を送る時 1 2022/10/23 12:16
- HTML・CSS HPに文章で改行はすべてBRタグとかで改行しなきゃだめなのですか?改行が活きたまま書く方法ないの? 1 2022/12/03 21:00
- 賃貸マンション・賃貸アパート 禁煙の敷地(賃貸マンションの1階)にて部外者と思われる者が毎日ほぼ決まった時間に喫煙しています。 外 6 2023/07/12 08:20
- 車検・修理・メンテナンス タイヤの交換時期について 15 2023/07/18 10:54
- Word(ワード) みなさん、こんにちわ! Wordについてのご質問です。 Wordで文章作成や、図形や写真、絵などを入 3 2022/10/28 11:54
- その他(悩み相談・人生相談) 皆さん、大至急! 相談のってください、お願いします。 めちゃくちゃ悩んでます。助けて。 主は大学四年 3 2022/04/21 01:43
- その他(悩み相談・人生相談) 皆さん、大至急! 相談のってください、お願いします。 めちゃくちゃ悩んでます。助けて。 主は大学四年 7 2022/05/07 11:21
- その他(悩み相談・人生相談) 主は大学四年生の女です。 皆さんに相談です。 黒歴史を消したいです。黒歴史を作ってしまったことをとて 1 2022/04/18 22:36
- 憲法・法令通則 整体の最後に、とあるサラダ屋さんのサラダを、「インスタで紹介することを条件に」無料で貰いました。 紹 2 2022/10/06 00:08
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
TABLEのセルの中の文字を行単位...
-
テーブル内のセル間にスペース...
-
<th>タグを使っても太字にしな...
-
CSSで特定のテーブルだけに...
-
HTML5で、テーブル内tdタグの高...
-
tableのcellpadding="0" cellsp...
-
テーブルとテーブルの間隔について
-
同じ幅指定のつもりなのに、ブ...
-
textareaの外側の文字が下付き...
-
DreamWeaverでテーブルをCSSに...
-
ラインを端から端まで画面いっ...
-
table表を横に並べる際の間隔指定
-
<fieldset>タグについて
-
テーブル幅が固定できない
-
html5のテーブル内でdivのタブ...
-
css(div)の中にtableタグを使う...
-
(HTML)Tableを任意の位置に置...
-
CSSで<table>を横に並べるよう...
-
幅のサイズはそのままで、真ん...
-
こういった事がしたいのですが...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
TABLEのセルの中の文字を行単位...
-
テーブルとテーブルの間隔について
-
<th>タグを使っても太字にしな...
-
CSSで特定のテーブルだけに...
-
table表を横に並べる際の間隔指定
-
HTML5で、テーブル内tdタグの高...
-
HTML tableのセルにtextareaを...
-
(HTML)Tableを任意の位置に置...
-
同じ幅指定のつもりなのに、ブ...
-
<fieldset>タグについて
-
画面幅に合わせてテーブルのカ...
-
tableを縦に続けるとtable間の...
-
html5のテーブル内でdivのタブ...
-
テーブル内のセル間にスペース...
-
ホームページのテキストを折り...
-
TR タグの表示・非表示を一括で...
-
tableの位置がIEとその他ブラウ...
-
textareaの外側の文字が下付き...
-
テーブルの高さを100%にしたけ...
-
ラインを端から端まで画面いっ...
おすすめ情報