הוסטס - פורום אחסון האתרים הגדול בישראל

- פורום תיכנות (https://hosts.co.il/forums/forumdisplay.php?f=14)

- - CSS נקי-שימושי מאוד. (https://hosts.co.il/forums/showthread.php?t=48182)

CSS נקי-שימושי מאוד.

לא פעם קרה לכם שקודדתם(קודדתם, או קידדתם?) עיצוב, בהתחלה-בין פיירפוקס ואקספלורר(סתם דוגמאות לדפדפנים) היה הבדל אדיר, באקספלורר ראו הכל אחד אל תוך השני, הכל היה מבולגן, וכו'.

אז לבסוף הצלחתם להתאים את זה לשני הדפדפנים-ונותר ההבדל הקטן.
הטיפה יותר למעלה, הקוו טיפה יותר למעלה, זה טיפה יותר שמאלה,

זוהי טעות שהרבה(וגם אני עשיתי אותה, עד עכשיו) עושים.
בכל דפדפן, יש ערכי ברירת מחדל שונים.
בדפדפן אחד-כל הרשימות מתחילות כעיגול-באחר, כמשולש.
בדפדפן אחד הצבע הוא X, ובדפדפן אחר-Y.

וכו', יש אלפי דברים להגיד.

אז הנה משהו קטן שמצאתי באינטרנט, ויהיה שימושי לכולם.
אני שיניתי רק כשהיה כתוב left ל-right.

HTML קוד:

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

        margin: 0;

        padding: 0;

        border: 0;

        outline: 0;

        font-weight: inherit;

        font-style: inherit;

        font-size: 100%;

        font-family: inherit;

        vertical-align: baseline;

}

/* remember to define focus styles! */

:focus {

        outline: 0;

}

body {

        line-height: 1;

        color: black;

        background: white;

}

ol, ul {

        list-style: none;

}

/* tables still need 'cellspacing="0"' in the markup */

table {

        border-collapse: separate;

        border-spacing: 0;

}

caption, th, td {

        text-align: right;

        font-weight: normal;

}

blockquote:before, blockquote:after,

q:before, q:after {

        content: "";

}

blockquote, q {

        quotes: "" "";

}

http://www.smashingmagazine.com/2007...er-css-coding/

תקראו את הרעיונות-ואת כל הקישורים המתלווים-זה שווה את זה.

ציטוט:

נכתב במקור על ידי MasterT (פרסם 505982)

זה באמת שימושי אבל יש שם חלקים שלא כולם צריכים ונראה לי ששווה להזכיר את זה ;P לדוגמה אם אתה מקודד עם Div אין לך שום צורך בחלק של הטבלאות...

עריכה:
עכשיו שמתי לב שיש שם גם ol,ul list-style:none שזה לא תמיד מה שאתה רוצה... אני אישית (פשוט כי אני רגיל ;P) תמיד משתמש בul ומגדיר בlist-style איך אני רוצה שזה יראה...

אני מקודד עם DIVים, אך מה לעשות-כשיש טבלאות-צריך.

אבל בכ"מ, זה לא החלק העיקרי, הטבלאות זה שורה או 2, העניין כאן שזה "מאפס" את הכל.

בהחלט נחמד.

קובץ מצויין! עוזר מאוד.
רעיון גאוני לדעתי.
תודה רבה.

תודה, אישית אני מקודד בDIVים וSPANים ואני אבדוק את הנושא בקידוד הבא ;)

גם אני, זה לכל דבר..... *לא מבין מה המשמעות, הרי זה מתאים להכל*

רעיון מעולה.
נראה אם זה באמת יחסוך זמן =]