אני בונה תפריט שמכיל קישורים.
אני רוצה לשנות את צבע התא והקישור במעבר עכבר.

כרגע בשימוש JS שמשנה את צבע הרקע במעבר עכבר ועובד מעולה,
אך אני רוצה להוסיף גם את שינוי צבע הטקסט שבתא - שישתנו ביחד.
(שכרגע מוגדר בהגדרות הדף הכלליות)

בעצם אני רוצה שכשילחצו על התא (במעבר לדף המקושר) צבע הרקע והטקסט ישתנו -
ובמעבר לדף המקושר יישארו כדי להדגיש את הדף שבו נמצאים

מה אני צריכה לכתוב/להוסיף לסקריפט?

onmouseover="this.bgColor='#999999" onmouseout="this.bgColor='#E6E6E6'

הבעיה כרגע היא שאני מגדירה בהגדרות הדף את צבעי הקישורים במצביהם השונים, כשבמצב OVER הצבע לבן (כי צבע הרקע משתנה לכהה) ....(צד שמאל בתמונה המצורפת)
ואז אני יוצרת CSS של a.hover עם מאפיינים אחרים לקישור (צבע כחול)- אבל כשאני מכילה אותו על הטקסט, הוא לא מתחשב בו ומשתמש בstyles של הדף...
כלומר במעבר עכבר הצבע משתנה ללבן וזו בעיה כי צבע הרקע של הקישור הזה הוא לבן ואז לא רואים אותו....(צד ימין בתמונה המצורפת)

אשמח לכל עזרה/עצה/הארה...
תודה מראש.

https://2007-uploaded.fresh.co.il/2...02/61468734.jpg[/IMG]

בקשר לבעיית הCSS שנתקלת בה: אם את רוצה להגדיר עבור תגית/קבוצת תגיות מסויימת מאותו סוג הגדרץ CSS אחת ועבור תגית/קבוצת תגיות אחרת מאותו הסוג הגדרת CSS אחרת, את צריכה להיות יותר ספציפית בהגדרות שלך, למשל על ידי שימוש בID של התגיות, בשמות מחלקות, או על ידי התייחסות למיקום של התגיות ביחס לתגיות אחרות (את יכולה לקרוא על כך ועוד במדריך CSS נורמלי כלשהו, למשל זה )

בקשר למה שאמרת על זה שאת רוצה שהקישור של הדף הנוכחי שבו את נמצאת יישאר מודגש:
אם את טוענת את התוכן שלך בשיטה כלשהי שלא מצריכה את טעינת העמוד כולו מחדש (למשל AJAX או IFRAME (חס וחלילה)), אז עם כל לחיצה על אחד הקישורים את יכולה לעבור בJS על כל הקישורים ולקבוע את מאפייני העיצוב שלהם, ורק לזה שנלחץ כרגע להגדיר עיצוב אחר. (ולכן דווקא במקרה שלך יהיה לך נוח להגדיר בכל מקום מחלקות בCSS, ולא להשתמש באחת השיטות האחרות שציינתי קודם).
אם לחיצה על הקישורים שלך גורמת לטעינה מחדש של העמוד כולו אז זה קצת יותר מסורבל, ואת תזדקקי לצד שרת או ל JS גם כן (בצד שרת זה יהיה די פשוט, בJS זה יהיה קצת יותר מסובך)

לא ממש הבנתי את הסיבוך שלך אבל מקווה שזה יעזור לך:

קוד:

a:link - קישור במצב הראשוני
a:active - קישור במצב לחוץ
a:visited - קישור אחרי לחיצה
a:hover - קישור בזמן שעוברים עליו

סט סגנון קישורים ראשון
div#site_links a:link {};
div#site_links a:active {};
div#site_links a:visited {};
div#site_links a:hover {};

סט סגנון קישורים שני
div#site_links_2 a:link {};
div#site_links_2 a:active {};
div#site_links_2 a:visited {};
div#site_links_2 a:hover {};

והנה קישור לצורות עכברים ב-CSS.

[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://www.idansmith.com/images/button.png]
- לא בגלל שאתם צריכים, בגלל שאתם רוצים!