PDA

View Full Version : fixed table ... ?



MSN_Issue
یک شنبه 01 اسفند 1389, 22:27 عصر
سلام دوستان
من یه تیبل دارم تو صفحه-م که تحت شرایطی یه سری مقادیر داخل td های اون اضافه میشن (با جی اس )
حالا میخوام کاری کنم که وقتی اطلاعات اضافه میشه ، سایز سلول تغییر نکنه و اگه از سایز سلول زد بیرون اسکرول بشه !!!
این استایل رو زدم اما کار نمیکنه (اولش درست نشون میده اما وقتی داده ها به سلول اضافه میشن سازیش تغییر میکنه )


td{text-align:center; width: 250px; height: 70px;}

Javad.Kashi
دوشنبه 02 اسفند 1389, 00:01 صبح
سلام دوست مشهدی عزیز
برای حل این مشکل می توانید از خصوصیت overflow در css استفاده کنید مانند :


td
{
width:20px;
height:20px;
overflow:scroll;
}

برای طراحی بیشتر به این آدرس (http://www.w3schools.com/Css/pr_pos_overflow.asp)رجوع کنید.

تو مشهد وقتی رفتی حرم ما را هم دعا کن

یا علی

MSN_Issue
دوشنبه 02 اسفند 1389, 00:20 صبح
این خاصیت رو هم اضافه کردم ، اما باز هم سایز td ثابت نشد !!!
فکر کنم مشکل مال این باشه که من با js داخل td رو پر میکنم و این مانع از اعمال استایلش میشه !!!!
کد jsم اینه :

document.getElementById(day_number).innerHTML += res[1] + "<br/>";
document.getElementById(day_number).innerHTML += res[3] + "<br/>";
day_number آی دی همون td است ... !
این کد قرار مثلا با هر برا کلیک روی اون td اجرا بشه و یه مقدار رو بهش اضافه کنه ... اما وقتی اضافه میکنه هی سایز td رو بزرگتر میکنه !!!!
اینم استایل td :

td{text-align:center; width: 250px; height: 70px; font-size: smaller; overflow:scroll;}
میشه یکی به دادم برسه ؟!؟!؟!؟!؟!؟

tootfarangi7
پنج شنبه 05 اسفند 1389, 21:15 عصر
خوب یه کار دیگه بکن،داخل td از یه div استفاده کن و این مشخصات رو به div بده شاید اینجوری درست بشه.مشخصات هم همونی که دوستمون گفتن درسته ولی این رو هم تست کن:
مثلا:


<table>
<tr>
<td>
<div style="text-align:center; width: 250px; height: 70px; font-size: smaller; overflow:auto;">

</div>
</td>
</tr>
</table>

MSN_Issue
پنج شنبه 05 اسفند 1389, 22:10 عصر
ممنون دوستان
کلا table رو بیخیال شدم و کل جدولم رو با div زدم .