הוסטס - פורום אחסון האתרים הגדול בישראל

הוסטס - פורום אחסון האתרים הגדול בישראל (https://hosts.co.il/forums/index.php)
-   פורום תיכנות (https://hosts.co.il/forums/forumdisplay.php?f=14)
-   -   שאלה ב-HTML (https://hosts.co.il/forums/showthread.php?t=58655)

sts 03-01-08 17:38

שאלה ב-HTML
 
שלום,
אני רוצה לעשות כמו בתמונה
http://www.tuts.co.il/un.jpg
אבל אני רוצה לעשות שכל פעם שהעכבר עובר על אחד מהקישורים אז הדבר הכתום הזה יהיה מאחורי הקישור שהעכבר עובר עליו

איך אני עושה את זה בHTML או ב CSS?

SlideR 03-01-08 17:39

אני חושב שזה בCSS , לא בטוח אם בכלל אפשר האמת.
לא עדיף לעשות את זה בפלאש ? דקה וחצי עושים כזה דבר.

Striker 03-01-08 17:59

DHTML \ CSS , עבודה של 5 דקות.

Labs 03-01-08 18:52

נגיד וכל לינק זה DIV
אז תעשה HOVER לDIV שתמונת הרקע תשתנה וזהו

sts 03-01-08 19:58

מישהו יכול אולי להדריך אותי קצת יותר לעומק?
מה זאת אומרת CSS/DHTML איך אני עושה את זה ב-CSS?

mayden 03-01-08 22:05

הDHTML לא כ"כ קשור..

ב CSS אפשר לעשות זאת ללא בעיה,
תגדיר רשימה (UL) ואז תעשה כל פעם ש li:hover אז תעשה BACKGROUND מסויים וזהו.

BlueNosE 03-01-08 22:36

ציטוט:

נכתב במקור על ידי mayden (פרסם 597553)
הDHTML לא כ"כ קשור..

ב CSS אפשר לעשות זאת ללא בעיה,
תגדיר רשימה (UL) ואז תעשה כל פעם ש li:hover אז תעשה BACKGROUND מסויים וזהו.

IE, או לפחות IE6, לא תומך ב:hover שהוא לא לA.
צריך לעשות BEHAVIOR לדף..

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

a {display:inline;float:right;width:50px;height:20px;}
a:hover {background:url('bla.jpg');}


Striker 04-01-08 14:02

אפשר לעשות בDHTML בכיף , רושמים מה יקרה שהעכבר יעלה על זה (יחליף תמונה) ושירד מזה (יחזור למקורית).

אל תדבר שטויות |קורץ|

mayden 04-01-08 14:48

ציטוט:

נכתב במקור על ידי BlueNosE (פרסם 597560)
IE, או לפחות IE6, לא תומך ב:hover שהוא לא לA.
צריך לעשות BEHAVIOR לדף..

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

a {display:inline;float:right;width:50px;height:20px;}
a:hover {background:url('bla.jpg');}


אז בגלל זה יש את האתר של פיטר נדרלוף:
http://www.xs4all.nl/~peterned/csshover.html

ו- Source, אני לא יודע למה אתה מתכוון כשאתה אומר DHTML, DHTML זה סה"כ HTML דינאמי - שינויים ב CSS בעזרת JS.

BlueNosE 04-01-08 14:55

נו שוב, אבל צריך לתת בשביל זה לעמוד BEHAVIOR, וזה לא תקין לCSS2..


כל הזמנים הם GMT +2. הזמן כעת הוא 21:33.

מופעל באמצעות VBulletin גרסה 3.8.6
כל הזכויות שמורות ©
כל הזכויות שמורות לסולל יבוא ורשתות (1997) בע"מ