こういった事がしたいのですが...

解決済

質問者：m-----c
質問日時：2009/04/27 16:18
回答数：6件

文章（1行や3行）が写真に対して常にセンターに来るようにしたいのですが
そんな都合の良いタグは無いですかね？

そういった場合皆さんならどうされますか？

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (6件)

ベストアンサー優先
最新から表示
回答順に表示

No.6ベストアンサー

回答者： noname#83877
回答日時：2009/04/27 18:55

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;
}

- 0
- 件

通報する

この回答へのお礼

ご回答ありがとうございます。
metametamuさんの教えで完璧にできました。

ずっと悩んでいたのですが、こんなにあっさり終わるとは思いませんでした。感謝いたします。

通報する

お礼日時：2009/04/28 08:45

No.5

回答者： noname#83877
回答日時：2009/04/27 17:54

<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;
}

- 0
- 件

通報する

No.4

回答者： MOMON12345
回答日時：2009/04/27 16:56

CSSの方が美しいですよね。

残念ながら私はCSSに関しては知識不足ですが。
http://css.uka-p.com/

テーブルは以下のページが参考になりますでしょうか。
http://heo.jp/tag/table/

- 0
- 件

通報する

この回答へのお礼

ありがとうございます。
参考にさせていただきます。

通報する

お礼日時：2009/04/28 08:26

No.3

回答者： nori_007
回答日時：2009/04/27 16:36

このような場合こそ、table タグではないでしょうか？

table タグの使い方を確認してみてください。

- 0
- 件

通報する

この回答へのお礼

皆さんがおっしゃる通りテーブルでやるのが近道なようですね。
ご回答ありがとうございました。

通報する

お礼日時：2009/04/27 16:51

No.2

回答者： abril
回答日時：2009/04/27 16:32

> 文章（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