رفتن به مطلب

مشکل شکستن خط در عنوان پست ها


پست های پیشنهاد شده

سلام دوستان

من یک قالب طراحی کردم

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

اینم عکسش

ممنون میشم راهنماییم کنید

26745738117194689612.png

لینک به ارسال

شما عنوانی که برای تست انتخاب کردی پشت سرهم هست و به هم چسبیده و هیچ فضای خالی نداره (space )برای همین شکسته نمیشه

یه عنوان طولانی ولی جمله بندی شده انتخاب کن و تست کن

لینک به ارسال

سلام

مثلا اگه متن رو در تگ H1 میذارید بهش عرض مشخص بدید تا از یه عرضی که بیشتر شد شکسته شه به خط بعد مثلا :


h1 {
width:500px;
}

لینک به ارسال

یه نمونه براتون درست کردم ... نگاه کنید :

http://codepen.io/fa...asemi/pen/rbtEF

همینطور که در نمونه می بینید هرچقدر هم عنوان طولانی باشه چون عرض مشخصی داره به جای اینکه از کادر بزنه بیرون میشکنه به خط بعد

لینک به ارسال

مرسی آقا فرید بابت راهنمایت

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

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

لینک به ارسال


<div id="main-content">
<!--start post-title-->
<div class="post-title">
<h1>به نام خدابه نام خدابه نام خدابه نام خدابه نام خدابه-به نام خدابه نام خدابه نام خدا-به نام خدا

</h1>
</div>
<!--end post-title-->

</div>
<!--evd main content-->


#main-content {
float: left;
width: 510px;
height:600px;
}
.post-title {
padding-top:10px;
width:510px;
height:200px;
background: url("images/post-title.gif") no-repeat scroll 0 0 transparent;

}
.post-title h1 {
color: #C6005C;
padding: 18px 15px 2px 12px;
text-shadow: 0 0 1px #9E9E9E;
width:200px;
height:100px;

}

ویرایش شده توسط hajeyan.71
لینک به ارسال

ببینید الان کار میکنه !

http://codepen.io/faridghasemi/pen/cFkwH

احتمالا در قالبتون تحت تاثیر یه کد دیگه هست که براتون کار نمیکنه ... الان نمونه بالا رو نگاه کنید درسته ;)

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...