دو بک گراند در یک تیبل

[mohammad-gh]

با سلام
با تصویری که در زیر گذاشتم قصد دارم بلوکی رو طراحی کنم
این بلوک رو با یک تیبل طراحی می کنم و بک گراند اون رو تصویر می زارم
اما مشکلی که من دارم اینه که بک گراند داره تکرار میشه و از طرفی اندازه بلوکها مشخص نیست
حالا اگر من بخوام در بالای table بلوک عکسی خاص و بعد از اون اگر بزرگتر شد پایینش یک عکس خاص تکرار شونده با زمینه سفید رو نشون بده باید چه کار کنم
http://barnamenevis.org/forum/attachment.php?attachmentid=56887&stc=1&d=1285146487

[Hell Lord]

روش معمول این هست که تکه ی بالا ی عکس رو جدا میکنید(بدون اون افکت گلها)، یک پیکسل هم از وسط انتخاب میکنید(پیکسل عرضی)، پایین را هم مثل بالا جدا میکنید، با دایو ها (div) آنها را میگذارید زیر هم، و فقط قسمت وسط را تکرار شونده میگذارید(background-repeat:repeat-y)،
سپس با استفاده از یک دایو fبرای ان افکت گل، با قابلیت پوزیشن ریلیتیو (Position:relative) و آدرس دادن left و top ، آنرا در محل مورد نظر میگذارید.

[mohammad-gh]

سپس با استفاده از یک دایو fبرای ان افکت گل، با قابلیت پوزیشن ریلیتیو (Position:relative) و آدرس دادن left و top ، آنرا در محل مورد نظر میگذارید.
دقیقا منهم مشکلم سر همین گل و بوته است که چطور بزارم که نوشته روش بیفته
میشه یه مثال کوچیک بزنید
البته بالا و وسط و پایین رو من هم همین طور می زارم ولی نمی دونم اون گل رو چطور رو اونها بندازم

[hamiii]

سلام
مثال زیر رو ببینید.
فکر کنم دقیقا چیزی باشه که میخواین.
از یک div توش استفاده شده. نوشته ها هم روی عکس مورد نظر قرار گرفتن.
+نمایش یکسان در همه مرورگرها
*اگر نیاز بود تا توضیح بدم
موفق باشید.

[Hell Lord]

<div> TOP
</div>
<div> Center<div style="position:relative;left:?px;top:?px" >GOL</div></div>
<div>bottom>/div>

ببخشید من نمیرسم بنویسم، اما حالت کلی اش اینطور است، با top و left های مختلف چک کنید.
اگر فاصله ای بین بالا و پایین افتاد،

<div style="position:relative;left:?px;top:?px" >GOL</div>
را بین

<div style="position:absolute;" > </div>

قرار بدید

[mohammad-gh]

ممنون ، الان من به جای gol باید با تگ img تصویر گل رو بیارم
اینطوری میشه نوشته نوشت روش ؟

[Hell Lord]

بله...یا اینکه در بک گراند برای <div> بگذارید.:لبخندساده: