15-07-2007, 10:23
|
|
|
חבר מתאריך: 10.10.04
הודעות: 224
|
|
CSS - בניית טבלה שהתאים מתחלפים ומקשרים במעבר עכבר
שלום,
אני מעוניין לבנות טבלה שכאשר העכבר עובר מעל התא:
א. הוא ישנה צבע / פונט וכו'
ב. הוא יהווה קישור.
הצלחתי לעשות את זה על תא אחד של הטבלה על ידי הקוד הזה:
קוד:
.list_rollover_a a { width:300px; background-color: #F4F2DD; display:block; color:#000;}
.list_rollover_b a { width:300px; background-color: #FFFFFF; display:block; color:#000;}
.list_rollover_a a:hover { text-decoration: none; background-color: #D1DCE9; color: #FF0000;}
.list_rollover_b a:hover { text-decoration: none; background-color: #D1DCE9; color: #FF0000;}
הבעייה בקוד היא שזו התייחסות לקישור ולא לתא, וגודל התא נקבע על ידי הגדרות של הקישור.
(ומוגבל על ידי פיקסלים - 300 בדוגמא).
אני מעוניין במשהו שיהיה מצד הטבלה ולא מצד הקישור וכמובן לא מוגבל בפיקסלים על מנת שהטבלה תתאים את הרוחב לטקסט בפנים.
בדוגמא, אני מעוניין שבמעבר עכבר, כל השורה תשנה את צבעה וניתן יהיה ללחוץ על כל השורה, גם היכן שאין טקסט.
תודה!
|