解決済
Ads By Google
それぞれの画像の上に一文入れて画像二つを横に並べて表示したいのですが…
<div>や<float>を使ってできるのですが、tableタグを使ったやり方が知りたいので教えてください。なんだかめんどくさがりやになってきたかもしれません。。。
というのも、たぶん自分でできるからです(ナンダソレ
一応確認の意味も込めて、そして他の僕と同じ疑問を持つ人のためにも回答をお願いします★
2006-07-21 20:56の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(1)
1.
2006-07-22 02:34:31
こんな感じですかね(^▽^)/
■ 方法1.
<table>
<tr>
<td>Comment1</td>
<td>Comment2</td>
</tr>
<tr>
<td><img src="..." alt="image1"></td>
<td><img src="..." alt="image2"></td>
</tr>
</table>
■ 方法2.
<table>
<tr>
<td>Comment1<br><img src="..." alt="image1"></td>
<td>Comment2<br><img src="..." alt="image2"></td></tr>
</table>
他にもパターンはいっぱいあるけど(δ。δ;A)゛
基本は抑えられてるはず♪
■ 方法1.
<table>
<tr>
<td>Comment1</td>
<td>Comment2</td>
</tr>
<tr>
<td><img src="..." alt="image1"></td>
<td><img src="..." alt="image2"></td>
</tr>
</table>
■ 方法2.
<table>
<tr>
<td>Comment1<br><img src="..." alt="image1"></td>
<td>Comment2<br><img src="..." alt="image2"></td></tr>
</table>
他にもパターンはいっぱいあるけど(δ。δ;A)゛
基本は抑えられてるはず♪
自信度 : 自信あり 回答レベル : 回答
わかりやすい説明どうもありがとうございました。
コメントのAQさんと共に参考になりました。
どうもありがとうございました☆
Ads By Google
コメント(7)
#2. candy_300
2006-07-22 17:43:38
michaelさんの教えてくれた方法１だと、それぞれのCommentというところの書く文字に対してCSSが反映されないのですが、それはどうすればいいのでしょうか？
#3. AQ
2006-07-23 04:18:56
クラスを指定して、CSS でその指示をするんですよ。こういう感じ ↓
<td class="meirei">Comment1</td>
<td class="meirei">Comment2</td>
説明の為、meirei にしたけど、文字は何でも OK です。
そして CSS の方に、その指示を書き込みます。
.meirei{
font-size:○○px;
text-align:center;
margin:5px;
}
という具合に。
#4. AQ
2006-07-23 04:21:08
あっ、上の CSS の表記、ちょっと待って ^^;
もしかしたら、こうしなきゃいけないかも知れない。↓
td.meirei{
font-size:○○px;
text-align:center;
margin:5px;
}
これなら大丈夫とおもいます。
#5. candy_300
2006-07-23 10:22:29
ん～僕は思うのですが、tableタグを使うより、 divやfloatを使ったほうが簡単な気がするのですがＡＱさんはどう思いますか？div float だとCSSをいじらなくてもいいですし。。。というか、僕はなんかCSSで設定するのになぜか抵抗があるんですよね…。。。
あっ、教えてくれた方法やってみますね(^_^.)☆
#6. AQ
2006-07-23 15:31:28
＞#5
はは (^^) 何の方法を選ぶかは人それぞれですが・・・
CSSで設定するのになぜか抵抗があるんですよね…
っていうより、ブログの構成って " CSS 命 " でしょ。
HTML 自体はシンプルな構成をしておいて、それを CSS で
色々な表示に変化させる。HTML を主体にして構成されている
ホームページとは、違う楽しい部分ですよね (^^)
#7. horsefly
2006-07-24 19:58:36
#9. [μ] michael
2006-07-31 01:26:06
