خارج شدن متن از صفحه

[aliali100 57]

سلام

من خیلی جستجو کردم چیزی پیدا نکردم واسه همین سوال رو مطرح میکنم

من یک قالب طراحی کردم ولی مشکلی که هست اینه که متن پستهای من از صفحه خارج میشه

وقتی مطالب رو از ورد کپی می کنم و تو قسمت ویرایشگر متن میزارم هیچ مشکلی نداره ولی وقتی خودم مستقیما تایپ میکنم متن از محلی که تعیین کردم فراتر میره و از کادر پست خارج میشه

مشکل از کجا میتونه باشه؟

[محــــــمدرضا 344]

سلام

من خیلی جستجو کردم چیزی پیدا نکردم واسه همین سوال رو مطرح میکنم

من یک قالب طراحی کردم ولی مشکلی که هست اینه که متن پستهای من از صفحه خارج میشه

وقتی مطالب رو از ورد کپی می کنم و تو قسمت ویرایشگر متن میزارم هیچ مشکلی نداره ولی وقتی خودم مستقیما تایپ میکنم متن از محلی که تعیین کردم فراتر میره و از کادر پست خارج میشه

مشکل از کجا میتونه باشه؟

با خاصیت width در css مقدار فضا را تعیین کنید تا بعد از رسیدن به آخر خط به خط بعدی برود

[aliali100 57]

با خاصیت width در css مقدار فضا را تعیین کنید تا بعد از رسیدن به آخر خط به خط بعدی برود

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

.contentsTxt
{
width:516px;
height:auto;
	 font-family:Tahoma, Geneva, sans-serif;
margin:6px 20px -10px 6px;
font-size:14px;
line-height:23px;
float:right;
}

کسی نمیدونه مشکل از چیه؟

ویرایش شده دی 92 توسط saman_kiyani

[SM-Mahdavi 5427]

با overflow:hidden یا display:inline block حل میشه.

[aliali100 57]

با overflow:hidden یا display:inline block حل میشه.

هر دو مورد را امتحان کردم ولی باز هم درست نشد

[aliali100 57]

هر دو مورد را امتحان کردم ولی باز هم درست نشد

display:inline block

که اصلا کار نکرد

overflow:hidden

این هم باعث میشه تا خط تا محدوده ای که تعیین کردم باشه ولی خط ادامش ناپدید میشه و به خط بعدی منتقل نمیشه

ویرایش شده دی 92 توسط saman_kiyani

[امیر حسین حبیبی 618]

سلام دوست عزیز اگه یه تصویر بزاری از مشکل ممنون میشم

ویرایش شده دی 92 توسط a2h

[aliali100 57]

سلام دوست عزیز اگه یه تصویر بزاری از مشکل ممنون میشم

http://www.xum.ir/BLk

این کدهای html من هستش

 <div class="contentsTxtBox">
<div class="contentsTxt">

<?php the_content(); ?>

</div>
</div>

اینم کد css

.contentsTxtBox
{
width:100%;
height:auto;
float:right;
}
.contentsTxt
{
width:516px;
height:auto;
font-family:Tahoma, Geneva, sans-serif;
margin:6px 20px -10px 6px;
font-size:14px;
line-height:23px;
float:right;
}

ویرایش شده دی 92 توسط saman_kiyani

[امیر حسین حبیبی 618]

بله درست حدس زدم :دی ببین شما کلاهتو قاضی کن اخه کی میاد این طوری پست بزاره سسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسس

ولی شما به کلاس

contentsTxt

بدید

word-wrap: break-word;

ویرایش شده دی 92 توسط a2h

[aliali100 57]

بله درست حدس زدم :دی ببین شما کلاهتو قاضی کن اخه کی میاد این طوری پست بزاره سسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسس

ولی شما به کلاس

contentsTxt

بدید

word-wrap: break-word;

مشکل حل شد ولی هنوز یک ایراد هستش

نوشته وقتی طولانی هستش به خط بعد منتقل میشه ولی وقتی یک کلمه آخر خط نوشته میشه و این کلمه به صورت کامل در آخر خط جا نمیشه باید اون کلمه به صورت کامل به خط بعد منتقل بشه در صورتی که الان برای من به شکل زیر هستش

مثلا اینجا آخر خط هستش : اس

ت

کلمه است اگر در آخر خط جا نشه باید به خط بعدی به صورت کامل منتقل بشه

کسی راه حل رو میدونه؟

[Parsa 23463]

شما حروف رو بدون فاصله قرار میدهید؟

کد بالا رو حذف و از فاصله در جملات استفاده کنید

[aliali100 57]

شما حروف رو بدون فاصله قرار میدهید؟

کد بالا رو حذف و از فاصله در جملات استفاده کنید

اگر کد قبلی رو حذف کنم نوشته از کادر پستها خارج میشه

[aliali100 57]

بله درست حدس زدم :دی ببین شما کلاهتو قاضی کن اخه کی میاد این طوری پست بزاره سسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسسس

ولی شما به کلاس

contentsTxt

بدید

word-wrap: break-word;

این کد برای خارج نشدن متن از کادر درست بود ولی در مرورگر موزیلا جواب نمیده

حتی کد

-moz-word-wrap:break-word;

را هم نوشتم ولی باز هم جواب نداد

اصلا دلیلش چیه که برای من اینطوریه

خیلی ها کد خاصی نمیدن ولی به خوبی برای آنها کار می کند

ویرایش شده دی 92 توسط saman_kiyani

[Parsa 23463]

شما باید width اون بخش رو تنظیم کنید

و نباید مشکلی باشد

[aliali100 57]

شما باید width اون بخش رو تنظیم کنید

و نباید مشکلی باشد

.contentsTxt
{
width:516px;
height:auto;
font-family:Tahoma, Geneva, sans-serif;
margin:6px 20px -10px 6px;
font-size:14px;
line-height:23px;
float:right;
}

ولی باز هم نمیدونم چه مشکلی داره

[Parsa 23463]

padding , width را باید تنظیم کنید