2014-01-18 9 views
9

私は1行と2つのセルを持つテーブルを持っています。 各セルには独自の背景イメージがあります。 テーブル全体に対して中央に配置されるテキストを表示できる必要があります。つまり、両方のテーブルセルに表示されているように見えます。2つのセルにテキストを表示するにはどうすればよいですか?

このような

:あなたは複数行/複数列にまたがるセルを作成するためにCOLSPAN/ROWSPANを使用することができます

enter image description here

+0

あなたのコードの中には素敵なものがあり、 'colspan =' 2 ''が役に立つかもしれないのだろうかと思います。 – TimSPQR

答えて

4

enter image description here

または理想的。しかし、単一の背景画像を持つ単一のセルになります。

は「http://www.angelfire.com/fl5/html-tutorial/tables/colspan.htm

EDITをこの例を見てみましょう:この質問 Invert CSS font-color depending on background-colorへの回答を見てみましょう

:あなたは明確にはcolspanで問題が解決しないことを示す新しい例を追加しました はこのように互いに

+0

上記の例では、colspanは役に立ちません。 – odedsh

2

1つの非常に原始的な溶液の岩下配置DIV要素を使用して同様のソリューションのためのコードを含む、このように書き:

<table style="position:absolute; left: 100px; top:100px; width:400px; z-index:1; "> 
<tr> 
<td style="width: 200px; height: 200px; background-image: url('http://www.hdofwallpapers.com/wp-content/uploads/2013/11/Opera-Background.jpg')"></td> 
<td style="width: 200px; height: 200px; background-image: url('http://www.hdofwallpapers.com/wp-content/uploads/2013/11/Opera-Background.jpg')"></td> 
</tr> 
</table> 
<div style="color:#ffffff; position: absolute; left: 100px; top: 200px; text-align: center; width:400px; height:200px; vertical-align:middle; z-index:2"> 
sadf asfasdf asfd d 
</div> 
関連する問題