کمک برای تنظیم اشیا

[طبیب دل]

با سلام به دوستان
چه طوری می تونم کاری کنم که از قسمت علامت زده شده به بعد، متن ، به زیر عکس منتقل بشه

این کد طراحی99986


<table style="width: 800px; margin-top:10px" align="center" >
<tr>
<td style="width: 300px; Height:200px; vertical-align: top;margin:auto 0 5px 5px">
<asp:Image ID="Image1" runat="server" Height="200px" Width="300px" />
</td>
<td style="vertical-align:top">
<table style="width: 100%; height: 125px;" >
<tr>
<td>
<table style="width: 100%;" >
<tr>
<td>
<asp:Label ID="lblDateNews" runat="server" Text="Label" CssClass="lable"></asp:Label>
</td>
<td style="text-align: right;">
<asp:Label ID="lblTilte" runat="server" Text="Label" CssClass="lable"></asp:Label>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="width: 80%; text-align: right;">
<asp:Label ID="lblTextNews" runat="server" Text="Label"></asp:Label>
</td>
</tr>
</table>
</td>
</tr>
</table>

[mRizvandi]

اگه می خوای تصویر رو در یه سمت صفحه نمایش بدی، و متنها رو در کنارش، طوری که متن به عکس رسید بره خط بعد و وقتی از عکس رد شد، متن ادامه پیدا کنه و بره زیر عکس: (مثل سایتهای خبری)
اول اینکه از table استفاده نکن. در کل بهتره هر جایی که می تونی و برات امکان داره از div استفاده کن و سعی کن کمتر از table استفاده کنی.
دوم عکس رو float کن به سمت چپ یا راست.

<asp:Image ID="Image1" runat="server" Height="200" Width="300" style="float:left;margin-right:10px;" />

[طبیب دل]

اگر بخوام بدون table و فقط از div استفاده کنم چه طوری باید بنویسم؟

[mRizvandi]

(من دفعه قبل که پاسخ دادم، اصلا عکس شما رو ندیده بودم، فکر کنم مشکلی توی لود صفحه بود)

فکر میکنم برای این چیزی که شما می خوای، یه همچین چیزی میشه: (شبه کد نوشته شده)




<div style="....">
<asp:image ..... style="float:left;"/>
<div style="text-weight:bold;width:400px;">
<asp:literal id="litTitle" ....... />
<asp:literal id="litNewsDate" ....... style="float:right;" />
<br style="clear:both;" />
<asp:literal id="litTextNews" ....... />
</div>
</div>