איך מסירים את כל attributes של האיפוס בטבלה (table) בCSS

בטח נתקלתם בבעיה שכל פעם שאתם משתמשים בטבלאות ב HTML , אתם צריכים לאתחל/לאפס את שלושת ה attributes של הטבלה, מדובר ב cellspacing, cellpadding, border.

הבעיה – שבכל כתיבת טבלה, יש צורך באיפוס שלושת ה attributes שמגיעים ביחד איתו.

Syntax HTML ישן

הפתרון

יישום ה styles הבאים:
לטבלה עצמה:
– את הborder נאפס עם border-width עם הערך 0 (יחליף את האיפוס של ה border)
– נוסיף את ה style מסוג border-spacing, וניתן לו את הערך 0. (יחליף את האיפוס של ה cellspacing)
– נוסיף את ה style מסוג border-collapse, וניתן לו את הערך collapse (זה patch בשביל גרסאות ישנות של אקספלורר, כגון אקספלורר 6 ו 7)
לתאי הטבלה עצמם:
– נוסיף את ה style מסוג padding עם הערך 0 (יחליף את האיפוס של ה cellpadding)

syntax של ה CSS

מה שנשאר עכשיו הוא להוריד את ה attributes של הטבלה, אין בהם שימוש יותר.
Syntax HTML חדש

צפה בדוגמת קוד עובדת ומפרטת ( בדוגמא נתתי את ה עיצובים ע”י שימוש ב class, זה רק לצורך הדוגמא ולא מחייב שימוש בצורה הזו), מומלץ לשים את הקוד הזה בדף stylesheet של איפוס css.

אם יש לכם שאלות בנושא אשמח שתטקבקו
נכתב ע”י: אלעד שכטר

על הכותב/עורך
קוראים לי אלעד שכטר, כיום עובד בחברת וואלה!, בתפקיד של ארכיטקט CSS. אוהב, אוכל ונושם CSS. לוקח את התחום הזה לקצה היכולות שלו.
  • כתיבת תגובה

    האימייל לא יוצג באתר. (*) שדות חובה מסומנים

    תגי HTML מותרים: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">