עבור לתוכן

סטייל כללי מקובץ CSS

Featured Replies

פורסם

שלום לכולם.

אני מנסה לעשות סטייל כללי לקישורים (צבע קישור לא לחוץ- עכבר מעל- קישור שנלחץ) מקובץ CSS נפרד. כדי שאני לא יצטרך להוסיף בכל קישור class (אני יודע איך לעשות את זה בתוך דף HTML עצמו אבל משום מה זה לא עובד לי מקובץ CSS)

חוץ מזה אני מנסה לבנות class לטבלה שגם קובעת את הערכים לשורות ולתאים של הטבלה כך שאני לא צריך לכתוב לכל תא class=""

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

תודה לכל העונים

פורסם

אתה בטוח שהגדרת את הגישה לקובץ בצורה נכונה בתגיה HEAD של הדף?

פורסם
  • מחבר

כן- הבעיה היא בקובץ CSS אני לא יודע אם מה שכתבתי נכון

זה מה שכתבתי ל קישור:



A
{color:#007dc3
text-decoration: none ;}


a.menulink:link{color: #007dc3;text-decoration: none; }
a.menulink:visited {color:#c80000;text-decoration: none; }
a.menulink:hover{color:#792181; text-decoration: none;}


חשבתי שזה אמור להפוך את כל הקישורים שלי בכל הדפים שבהם הגדרתי גישה לקובץ לעיצוב הזה- אבל זה לא עובד.

חוץ מזה מה עם הדבר השני עם הטבלאות ( עיצוב class אחד לכל הטבלה שמגדיר אתגם את העיצוב של th tr ו - td ) ? אין לי אפילו רעיון איך לכתוב את זה.

פורסם

הסלקטור הכללי שלך באות גדולה (A).

לשאר יש class של menulink שצריך להוסיף לקישורים בדף.

אתה יכול לתת ID לטבלה למשל:

table id="mytable"

ואז לבחור:

#mytable tr{}

או:

#mytable tr td{}

וכו'

פורסם

חסר לך שם נקודה פסיק (;) בין הcolor לtext-decoration. זה אולי נראה טפשי, אבל יכול לגרום לדברים לא לעבוד.

בקשר לטבלה, אתה יכול לתת class לטבלה עצמה ואז לכתוב

.classname td{
color:red;
}

פורסם
  • מחבר

תודה על העזרה- הקישורים עובדים לי עכשיו מצוין

חוץ מזה כתבתי לטבלה את זה


.PageTableFrame{
border-style: dashed;
border-width: 1px;
padding: 10px;
margin: 0px;

}
.PageTableFrame td{
border-style: dashed;
border-width: 1px;
padding: 10px;
margin: 0px;
background-color: none;
}

.PageTableFrame th{
border-style: dashed;
border-width: 1px;
padding: 10px;
margin: 0px;
background-color: #00a750;
}

אין דרך שבמקום לכתוב


.PageTableFrame{}
.PageTableFrame td{}
.PageTableFrame th{}

שהכל נמצא באחד ככה

 PageTableFrame{ th{} td{}}

לדוגמא?

חוץ מזה מה cellspacing ב-css?

ניסיתי את margin זה לא עובד לי

תודה מראש לכולם על העזרה

פורסם

אתה יכול לנסות את זה:


.PageTableFrame, .PageTableFrame td, .PageTableFrame th{
border-style: dashed;
border-width: 1px;
padding: 10px;
border-spacing:0px;
}
.PageTableFrame td{
background-color: none;
}

.PageTableFrame th{
background-color: #00a750;
}

התחליף לcellspacing הוא כנראה border-spacing, ולדעתי אתה יכול להוריד את margin, הוא לא משפיע על td.

ארכיון

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

דיונים חדשים