رفتن به مطلب

چينش متون در صفحه


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

سلام به دوستان گرامي

يه مشكلي براي من پيش امده كه : يه كادر ايجاد كردم مثلا سايد بار... وقتي توش متن مينويسم بجاي ايكنه مثلا خط كامل شد بياد پايين ، نمياد پايين و از صفحه ميزنه بيرون!!! نميدونم چيكارش كنم يه عكس براتون ميزارم با كد هاي اون بخش CSS كه بنده رو راهنمايي كنيد:

عكس از مشكل رو پيوست كردم

(سمت چپ سايد بار هستش كه ميبينيد زده بيرون متن هاش! )

كد هاي سي اس اس اون بخش:


#sid-left {

width:205px;
margin: 3px 0px 5px 2px;
direction: rtl;
text-align: right;
display:inline;
border: 1px solid #aabfc4;
padding:4px 3px 5px 2px;
float: left !important;
}

post-365-0-48043600-1351071728_thumb.jpg

لینک به ارسال

ببینید دوست عزیز شما نباید مستقیمادر سایدبار یا هرجای دیگه چیزی بنویسید. باید تو در تو بنویسید.

کد های html رو هم بزارید تا ویرایش کنم.

لینک به ارسال

كد html اون كه چيز خاصي نداره كه!!! يه دايو هستش كه بهش كلاس اين سي اس اس رو دادم و توش يه تگ P گذاشتم و متن نوشتم!

لینک به ارسال

خب ببین استایلت رو پاک کن و اینو بنویس :


#sid-left {
width:202px;
margin: 3px 0px 5px 2px;
direction: rtl;
display:block;
border: 1px solid #aabfc4;
padding:3px;
float: left;
}
#sid-left p{
float:right;
font-family:"b yekan";
font-size:13px;
direction:rtl;
}

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

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

نه درست نشد!!!

اينم كد اچ تي ام الش:


<html>
<head>
<title> </title>

<link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />


</head>
<body>
<div id="topline">
<div class="colorline"></div>

<div class="header">

</div>
<br class="clearfix" />

<!--------content------->
<div align="center">
<div id="center-dor"> <!--------kadr atraf------->
<div id="center"> <!--------sefidi vasat------->

<div class="content"> <!--------content text------->

<div id="post"><a href="">پيش نمايش</a></div>


<br class="clearfix" />
<div class="line"></div>
</div><!--End content text-->

<span id="sid-left"> <!--------Sidbar------->

<p>aaaaaaaaaaaaaaaaaaaaadfdfdfdfdfdasdasdasdasdfdfdfaaaa
</p>
</span> <!---End Sidbar-->






ارتفاع
</div> <!--End sefidi vasat-->
</div> <!--End kadr atraf-->

</div>



</div>

</body>

</html>

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

این همون کد هست ولی تست کنید متن چطور نمایش داده میشه و البته عکس از صفحه رو هم پیوست کنید:

<html>
<head>
<title> </title>

<link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />


</head>
<body>
<div id="topline">
<div class="colorline"></div>

<div class="header">

</div>
<br class="clearfix" />

<!--------content------->
<div align="center">
<div id="center-dor"> <!--------kadr atraf------->
<div id="center"> <!--------sefidi vasat------->

<div class="content"> <!--------content text------->

<div id="post"><a href="">پيش نمايش</a></div>


<br class="clearfix" />
<div class="line"></div>
</div><!--End content text-->

<span id="sid-left"> <!--------Sidbar------->

<p>سلام این یک متن برای نمایش خصوصیات یک div است!</p>
</span> <!---End Sidbar-->




ارتفاع
</div> <!--End sefidi vasat-->
</div> <!--End kadr atraf-->

</div>



</div>

</body>

</html>

لینک به ارسال

سلام ، منتظرت بودم اقا مرتضي.... زنده باشي

درست شد ^_^ ولي ميتونم بپرسم چرا اينطوري شده بود؟؟؟؟ يعني فقط بخاطر اينكه من يه متن الكي نوشته بودم!!؟؟

لینک به ارسال

سلام ، منتظرت بودم اقا مرتضي.... زنده باشي

درست شد ^_^ ولي ميتونم بپرسم چرا اينطوري شده بود؟؟؟؟ يعني فقط بخاطر اينكه من يه متن الكي نوشته بودم!!؟؟

بله به دلیل این بود که شما یک متن الکی نوشته بودید و هیچ فاصله ای بین کلماتتون نبود! :D

لینک به ارسال

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

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

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

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

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

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

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

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

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