עשיתי תפריט אנכי שמורכב מרשימה ונתתי קישור לכל אחד מה < LI> ברשימה
אני רוצה שבעת מעבר העבר תופיע תמונה שהיא יותר גדולה מהקישור עצמו, זאת תמונה PNG שקופה
תמונה שהיא עיגול שאז ברגע שהעכר עולה יהיה כאילו הטקטס מוקף בעיגול.

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

תודה

שפת CSS נועדה בדיוק עבור העיצוב, לכן דהרך הכי טובה היא, לממש זאת באמצעות קוד CSS.

באמצעות הפסאדו בורר ":hover" תגדיר הגדרות עיצוב מתאימות.

קוד:

element:hover {
margin: 5px;
padding: 5px;
background: ;
}

בניית אתרים
פיתוח יישומי אינטרנט
שמות תחום, אחסון, עיצוב ושירותים נלווים.

פיתוח, שירות,יעוץ והדרכה.

תודה
חשבתי על הפיתרון הזה אבל הבעיה שאני צריך לכל <li> ברשימה צריך להגדיר תמונה אחרת ניסיתי לתת ID לכל אחד ולקנן אותם וזה לא הלך
לדוגמא:

ציטוט:

menu ul_gg li_aa:hover { }

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

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

בניית אתרים
פיתוח יישומי אינטרנט
שמות תחום, אחסון, עיצוב ושירותים נלווים.

פיתוח, שירות,יעוץ והדרכה.

ציטוט:

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

אני מאוד ממליץ לך להשתמש בשיטה זו, שנקראת CSS Sprite. יש מחולל מאוד נוח שאני משתמש בו, שעושה את החיים קלים יותר: http://csssprites.com

אין שום בעיה..
לID פונים בCSS בתחילית של # .
לCLASS פונים בתחילית של .

תתן לכולם CLASS זהה (כמו גובה רוחב פלואטים שאני משער שאותו דבר בכולם).
ואז תפנה לכל אחד בנפרד ותתן לו את התמונת HOVER שלו.
כגון:

קוד PHP:

 #menu_1:hover{
background-image:url(bla.jpg);
} 


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

הבנתי את הטעות שלי אני קיננתי ID וזאת הטעות ,הייתי צריך ישר לכתוב ID:HOVER

תודה רבה לכם
אשמח לקבל הסבר קצר על background position

הממ קודם כל יש באתר W3C הכל וסינטקס של CSS זה די פשוט להבין.
פוסישן לרקע בעצם אומר איפה הוא ימקם את התמונת רקע שלך.
נניח יש לך DIV 100*100PX ותמונה של 20*20PX .
אתה רוצה למקם אותה אז בTOP RIGHT או בCENTER CENTER וכו..
יש גם ריפיט שאומר אם התמונת רקע תחזור על עצמה או לא, ויש גם SIZE שנותן לך האופציה להקטין או להגדיל את תמונת הרקע שלך בהתאם לצרכיך.

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