0

これはいくつかの html と css です。それが何をするかを見ることができます:_ (最初のボックスが本当に重要です)

http://jsfiddle.net/rcGsH/2/

問題は、そこにある画像でこれを適切に機能させることです。適切に機能させるには、あまり良くないように見えるいくつかのトリックを使用する必要があります...のように

img を左または右にフローティングするので、実際にはスペースを占有しません.. (これを回避する別の方法はありますか? または、私がそれをどのように行っても問題ありませんか?)

.ad img {
height: 175px; width: 175px;
float: left;
}

そして、ad_info div内のテキストの周りに別のラッパーdivを作成し、それをbottom: 175pxに設定して、テキストが透明な部分にとどまるようにします...これにも別の方法はありますか?

誰かがこれらの問題を適切に修正している場合、または問題がない場合は教えてください...

または、JQueryを使用して画像を背景画像として配置できる別のアイデアがあります(画像はphpから取得されるため)、それがどのように機能するかについては良い考えがありますが、どのソリューションが優れているか教えてください。

ありがとう!

4

1 に答える 1

2

これを行うには多くの方法がありますが、あなたは正しくやっています(余分な div があるかもしれません) が、これがあなたが探しているものだと思います:
ボックス、画像、キャプション
ボックス ;)

于 2012-10-25T05:14:48.580 に答える