שינוי בצבע התפריט בעמוד בו "מבקרים"

[רחל חסיד]

אני מעוניינת שבתפריט הצד במצב hover יתחלף לכתום, וזאת עשיתי ופעל בסדר.
מדוע הכנסת קוד של a:visited גורמת לתפריט כולו להיות כתום, לפני ביצוע פעולה כלשהי.
http://booa.co.il/?product_cat=כרטיסי-ביקור

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

 

[Nahum]

אני מעוניינת שבתפריט הצד במצב hover יתחלף לכתום, וזאת עשיתי ופעל בסדר.
מדוע הכנסת קוד של a:visited גורמת לתפריט כולו להיות כתום, לפני ביצוע פעולה כלשהי.
http://booa.co.il/?product_cat=כרטיסי-ביקור

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

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

2.התמונות מקבלות height:100%. תבטלי את זה וזה יסתדר.

 

[רחל חסיד]

אז מה עושים אם רוצים שהמשתמש יראה בצבע רק את העמוד בו הוא מבקר כעת, ולא את כל 5 העמודים שכבר דפדף בהם בקטלוג כולו?

 

[Nahum]

אז מה עושים אם רוצים שהמשתמש יראה בצבע רק את העמוד בו הוא מבקר כעת, ולא את כל 5 העמודים שכבר דפדף בהם בקטלוג כולו?

זה עושים או בPHP (או כל שפת שרת אחרת) או בJS.
נותנים איזשהו class לעמוד הנוכחי בתפריט עם הצבע הרצוי.

 

[רמה פלוס]

אם הבנתי אותך אז-
a:active

 

[Nahum]

אם הבנתי אותך אז-
a:active

active זה בעת הלחיצה. היא רוצה שנגיד אם אני עכשיו בעמוד כלשהו בקטגוריית "כרטיסי ביקור" אז שם הקטגוריה בתפריט הימני יהיה בצבע כתום. active לא יעזור כאן.

 

[גרפיקנער]

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

 

[רחל חסיד]

אכן כן, כמו שגרפיקנער אמר.
הוספתי ב-css את הקוד הבא:

} nav_menu-10 .current-menu-item a#
;color: #f47940
{

כמובן, יש להכניס את שם הקלאס הספציפי לאתר.

 

[רחל חסיד]

אכן כן, כמו שגרפיקנער אמר.
הוספתי ב-css את הקוד הבא:

#nav_menu-10 .current-menu-item a {
color: #f47940;
}

 

[רחל חסיד]

אכן כן, כמו שגרפיקנער אמר.
הוספתי ב-css את הקוד הבא:

} nav_menu-10 .current-menu-item a#
;color: #f47940
{