私は1行と2つのセルを持つテーブルを持っています。 各セルには独自の背景イメージがあります。 テーブル全体に対して中央に配置されるテキストを表示できる必要があります。つまり、両方のテーブルセルに表示されているように見えます。2つのセルにテキストを表示するにはどうすればよいですか?
このような:あなたは複数行/複数列にまたがるセルを作成するためにCOLSPAN/ROWSPANを使用することができます
私は1行と2つのセルを持つテーブルを持っています。 各セルには独自の背景イメージがあります。 テーブル全体に対して中央に配置されるテキストを表示できる必要があります。つまり、両方のテーブルセルに表示されているように見えます。2つのセルにテキストを表示するにはどうすればよいですか?
このような:あなたは複数行/複数列にまたがるセルを作成するためにCOLSPAN/ROWSPANを使用することができます
:
または理想的。しかし、単一の背景画像を持つ単一のセルになります。
は「http://www.angelfire.com/fl5/html-tutorial/tables/colspan.htm」
EDITをこの例を見てみましょう:この質問 Invert CSS font-color depending on background-colorへの回答を見てみましょう
:あなたは明確にはcolspanで問題が解決しないことを示す新しい例を追加しました はこのように互いに
上記の例では、colspanは役に立ちません。 – odedsh
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>
あなたのコードの中には素敵なものがあり、 'colspan =' 2 ''が役に立つかもしれないのだろうかと思います。 – TimSPQR