עבור לתוכן

רוחב טבלה ב-HTML

Featured Replies

פורסם

שלום לכולם.

אני מעוניין ליצור טבלה שתתרחב עד כמה שחלון הדפדפן מתרחב.

אבל שתצטמצם רק עד 700 פיקסלים.

איך אני מבצע את זה?

תודה מראש.

פורסם

אני לא זוכר הרבה אבל אולי תנסה 2 טבלאות, אחת בתוך השניה.

את החיצונית תגדיר באחוזים - width="90%" ובה שים את התוכן.

את הפנימית הגדר כשקופה - border="0" ושים אותה בתחילת הטבלה החיצונית או בסופה כדי שלא תפריע לשום דבר.

במקום הטבלה הפנימית תוכל להגדיר אובייקט ברוחב 700 פיקסלים (תמונה או אפילו רוחב תא).

אני הולך כאן לפי היגיון כבר שכחתי את רוב הדברים ב-HTML.

שכח מזה, AgentZ צודק, לך על CSS.

איפה זה היה בתקופה שלמדתי HTML...

פורסם

זה אמור לעבוד (קח בחשבון שלא ניסיתי את זה אז אל תכניס את זה לproduction לפני שבדקת את זה):

.table {
max-width: 100%;
min-width: 700px;
}

כמובן תחליף את table באלמנט שלך

פורסם
  • מחבר

AgentZ

הקוד שכתבת לא עובד.

התוכן מכתיב עכשיו את הרוחב של הטבלה. זה כאילו לא הגדרתי לו בכלל רוחב.

פורסם

אוקיי מסתבר שזה עובד בצורה לא מאוד אינטואיטיבית, הנה הפתרון:

תעטוף את הטבלה שלך בדיב ותיתן לו את הערך מינימום, ואז תיתן לטבלה אורך 100%.

כלומר זה המבנה:

<div id="myDiv">
<table id="myTable">
</table>
</div>

וזה הCSS:

#myTable {
width: 100%;
}
#myDiv {
min-width: 700px;
}

ארכיון

דיון זה הועבר לארכיון ולא ניתן להוסיף בו תגובות חדשות.

דיונים חדשים