שאלת CSS

[יניב יצחקי]

שאלת CSS

כיצד אפשר להשתמש ה אימג' בתור לינק ולגרום לכך שהיא תשנה את הגודל בהתאם לגודל החלון? הצלחתי לעשות זאת כאשר טני מגדיר <IMG> בתוך תג של >A> אבר אז אי אפשר לשנות את האימג' בצורה דינמית ע"י הגדרת "Link:hover" , "link:visited" וכו'. לחילופין, אם אני מגדיר את האימג' כרקע, של הלינק, היא לא משנה את גודלה כאשר גודל החלון משתנה ואז רואים רק חלק ממנה במקרה של חלון קטן. יש למישהו רעיונות לפתרון?

 

[Silver Strike]

לא ממש הבנתי מה אתה צריך....

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

a:visited img {...} a:hover img {...}​

 

[יניב יצחקי]

תודה. אני אנסה את זה

 

[יניב יצחקי]

שאלת הרחבה

האם אני יכול לעשות דבר כזה? (אני רוצה להחליף אימג' בין מצב רגיל למצב hoever) a:link img { src: a.gif} a:hover img {src: b.gif} ??? אם לא, האם יש דרך אחרת לעשות את זה? תודה, יניב

 

[yshicht]

את זה צריך לעשות באמצעות

onmouseover ו-onmouseout.

 

[rotemliss]

src הוא לא מאפיין CSS

למה שאתה מבקש קוראים Rollover והוא נעשה ב־JavaScript. אם כי היה נחמד לעשות דברים כאלה ב־CSS…

 

[ניר טייב]

אפשרי לעשות זאת ב-CSS ../images/Emo3.gif

אבל עם רקעים

 

[ניר טייב]

וכשחושבים על זה

אם IE היה תומך ב-content וב-hover זה היה אפשרי לחלוטין לעשות זאת:

.cls{background-image:url(x);content:""} cls:hover{background-image:url} <div class="cls">Alternative content</div>​

 

[lior wohl]

מה content עושה?

 

[rotemliss]

הוא התוכן של האלמנט

כך ניתן ליצור, למשל, את הטקסט Note לפני כל p.note. בדפדפן נורמאלי בלבד, כמובן, לכן אני לא משתמש בזה.

 

[yshicht]

CSS לא אמור להפריד את התוכן

מהתצוגה?

 

[rotemliss]

אבל המילה Note היא לא תוכן

 

[rotemliss]

../images/Emo105.gif

 

[shaulshablul]

מי אמר רולאובר ולא קיבל?

http://johnp.co.nz/techstuff/2x_css_rollover_demo.htm

 

[shaulshablul]

אני צריך להגיד שיש בפנים קישור?

או זה שנתתי כותרת טיזר אמור להספיק?