مشکل در همتراز کردن افقی متن با تصویر!

[sylverstar]

سلام دوستان
من قصد دارم توضیحات عکس های بند انگشتی رو در سمت چپ هر عکس بنویسم.
ولی نمیدونم چرا متن ها بصورت پیش فرض در زیر عکس نمایش داده میشه؟
نمی دونم چه کد cssی این مشکل را حل میکنه؟
البته فکر کنم با استفاده از دایو های چند گانه این مشکل حل بشه
ولی من دوست دارم بدونم چگونه در همین دایو فعلی میشه این کار رو کرد و بدون اضافه کردن دایو دیگری؟

اینم لینک صفحه:
http://www.sadranet.ir/des.htm

دایو ردیف اول را ببینید. مشکل اونجاست

[2undercover]

باید برای تگ img خصوصیت float رو برابر با right قرار بدید یعنی اینجوری:

img
{
float: right;
}

و نوشته هارو بدون div تو همون دایو اصلی بزارید.

[khanlo.javid]

باید برای تگ img خصوصیت float رو برابر با right قرار بدید یعنی اینجوری:

img
{
float: right;
}

و نوشته هارو بدون div تو همون دایو اصلی بزارید.

دوست عزیز این روش درستی نیستش بهتره هر کدوم تو دیو جداگانه ای قرار بگیره و به دیو ها خاصیت float بدی.




موفق باشید.

[e_a_23]

سلام.وقتی متن و عکس را می خواهید با هم نمایش دهید به صورت پیش فرض align="bottom" است.یعنی متن زیر عکس قرار می گیرد.دو حالت دیگر هم وجود دارد که در آنها عکس وسط متن یا متن بالای عکس قرار میگیرد:
[HTML]
<p>This is some text. <img src="smiley.gif" alt="Smiley face" align="top" width="32" height="32"> This is some text.</p>

[HTML/]
که در مثال فوق متن در بالای عکس قرار می گیرد.
منبع:

http://w3schools.com/html/tryit.asp?filename=tryhtml_image_align

http://w3schools.com/html/html_images.asp

[e_a_23]

با کد زیر فکر می کنم به هدفتون برسید:


<p>This is some text. <img src="smiley.gif" alt="Smiley face" align="middle"></p>