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

קוד:

.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 בדוגמא).
אני מעוניין במשהו שיהיה מצד הטבלה ולא מצד הקישור וכמובן לא מוגבל בפיקסלים על מנת שהטבלה תתאים את הרוחב לטקסט בפנים.

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

תודה!

היו שלום, ותודה על הדגים
[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://www.washingtontrout.org/Vashon/Vashon2001/Icons/Fish.gif]

נכתב על זה בפורום, בצע חיפוש.

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

קוד:

<table border="1">

<tr>
<a href="link address"><td style='cursor:pointer;'>col</td></a>
</tr>
</table>

אבל הוא נראה לא תקין ולא עובד לי טוב (חילופי צבעים).

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

אם מסובך ולע"ד אין פתרון בCSS בלבד, אז עזבו.
תודה!

היו שלום, ותודה על הדגים
[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://www.washingtontrout.org/Vashon/Vashon2001/Icons/Fish.gif]

קוד:

<td onmouseover="this.className='mouseon';" onmouseout="this.className='mouseoff'>

כעת אתה צריך להגדיר שני CLASSים בCSS, אחד mouseon והשני mouseoff

זה בדיוק האשכול שהתכוונתי אליו

חוץ מהאשכול הזה לא זכור לי שנפתחו אשכולות על הנושא שלך, כך שפיתרון ב-JS הוא מה שמוצע באשכולות שנפתחו.

מה שאני יכול להציע לך זה לכתוב את הקוד הבא:

קוד:

<table border="1">
<tr>
<td style='cursor:pointer;'><a href="link address">Text</a></td>
</tr>
</table>

שים לב שתג הקישור הוכנס בתוך ה-td, בצורה הזו אמור להיות קוד תיקני.

רק שעכשיו הקישור הוא קטן...
כדי לתקן "בעיה" זו אתה צריך להשתמש במאפייני CSS שונים כמו לקבוע ל-a שיהיה לו:

קוד:

display:block;

ו"לשחק" עם הגובה והרוחב ע"י קביעת ערכים של 100% או auto. נסה את שניהם אולי יעבוד כמו שצריך בדפדפנים השונים.

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

תודה

קישור לקובץ דוגמא:
https://2007-uploaded.fresh.co.il/2...02/90114808.htm

היו שלום, ותודה על הדגים
[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://www.washingtontrout.org/Vashon/Vashon2001/Icons/Fish.gif]