رفتن به مطلب

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


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

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

يه مشكلي براي من پيش امده كه : يه كادر ايجاد كردم مثلا سايد بار... وقتي توش متن مينويسم بجاي ايكنه مثلا خط كامل شد بياد پايين ، نمياد پايين و از صفحه ميزنه بيرون!!! نميدونم چيكارش كنم يه عكس براتون ميزارم با كد هاي اون بخش 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
  • امتیاز 1
لینک به ارسال

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

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


<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>

  • امتیاز 2
لینک به ارسال

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

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

لینک به ارسال

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

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

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

  • امتیاز 2
لینک به ارسال

لطفا برای ارسال دیدگاه وارد شوید

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



ورود به حساب کاربری
×
×
  • اضافه کردن...