PDA

View Full Version : مبتدی: ایجاد باکس نمایش خبر



ozzy_mra
شنبه 10 تیر 1391, 10:23 صبح
سلام
من می خوام خبر هام رو به شکل زیر نمایش بدم یعنی عکس گوشه سمت راست قثرار بگیره و تکست از کنار عکس شروع بشه و هر جا که عکس تموم شد از زیر عکس تکست رو نشون بده مثل شکل زیر میشه راهنماییم کنید؟
88973

Mohsen.
شنبه 10 تیر 1391, 11:11 صبح
به تصویرت float رو right یا left بده. به این صورت:


<img src="" width="100" height="100" style="float: left" />
<p></p>

بعد هم هر چی میخوای توی تگ p بنویس.

hamid_kha
شنبه 10 تیر 1391, 12:06 عصر
البته باید
از خصوصیت

Clear:both;
هم استفاده کنید تا
عناصر را مجبور کنید که در زیر یک عنصر شناور(float) قرار بگیرند:چشمک:

sahel65
شنبه 10 تیر 1391, 13:26 عصر
دوست عزیز اگه از این خاصیت یعنی clear استفاده نکنه چه اتفاقی میفته؟
یه مثال در مورد clear میشه بزنید؟

hamid_kha
شنبه 10 تیر 1391, 17:05 عصر
دوست عزیز اگه از این خاصیت یعنی clear استفاده نکنه چه اتفاقی میفته؟
یه مثال در مورد clear میشه بزنید؟

سلام
اینم یه مثال:
http://css.maxdesign.com.au/floatutorial/clear.htm

انشاا.. که پاسختو گرفتی:چشمک:

cyrusthegreat
دوشنبه 12 تیر 1391, 14:19 عصر
دوست عزیز

همانطور که دوست خوبمون گفتن باید به اون تگ خاصیت float بدید. اما اون گزینه ای که گفتن، یعنی دادن clear: both باید در آخر متن شما باشه. یعنی اگر دقیقا بعد از عکس بزارید متن بجای اینکه دور عکس رو بگیره، پایین عکس قرار می گیره.