אני עובדת ב - ASP.NET. יש לי תגית HTML של IMG ואחריו DIV שבתוכו יש קוד פלאש. בIMG יש תמונה שמשמשת ככפתור עם לינק, הכפתור אמור לעמוד (במיקום שלו) מעל הפלאש והבעיה שהפלאש משתלט עליו ומסתיר אותו ואין אפשרות לראות אותו וגם לא להשתמש בלינק. התוכן של הפלאש נשאב מתוך DB ואין אפשרות ממש לשנות אותו, רק שינויים קטנים.
למישהו יש עצה איך מעבירים את הפלאש אחורה או את הכפתור קדימה?

תודה לכל העוזרים!

תנסי עם טבלה:

קוד:

<table>
<tr>
<td><img... /></td>
</tr>
<tr>
<td><!-- FLASH --></td>
</tr>
</table>

למעשה התגיות כבר מצויות בתוך טבלה כזאת. באיזה צורה הטבלה יכולה לעזור? איזו השפעה יש לה?

תודה על התגובה!

בעצם טעיתי איזה טעות של נוב.

ככה זה כשלא קוראים טוב.

תביאי בקשה את הקוד שלך לפה.
אני מתכוון לקוד ה-HTML הרגיל, שכולל את התג IMG וה-FLASH וכל הקוד הנלווה והקשור להם (כולל CSS וכדו').

זה הקוד (שנמצא בתוך יוזר קונטרול)

<table class="tp" border="0" cellpadding="0" cellspacing="0">


<tr>
<td><img src="<%=page.ImageGraphicsPath%>images/PromoText.gif" alt="" width="357" height="251"
border="0"></td>
<td class="Top">
<div class="posR">
<div class="playNowBtnPlace"><a href="<%=Promo.Href%>"><img src="<%=Page.ImageGraphicsPath%>images/buttons/playNow.gif" alt="" width="173" height="36" border="0"/ ></a></div>
<div class="padding1"><asp:Literal ID="promoText" Runat="server"></asp:Literal></div>
</div>
</td>
</tr>
</table>

זה ה - CSS

body {



background-color: #EF9616;
margin: 0px;
}

body, td, a, div, span, label, input, select, textarea{
font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : 0px;
color: #333333;
}

.tp{
margin-left: 49px;
height: 251px;
background: url(../images/general/topPromoBGI.gif) repeat-x;
}

.Top{
vertical-align: top;
}
.posR{
position: relative;
top: 0px;
left: 0px;
}
.playNowBtnPlace{
position: absolute;
top: 206px;
left: 159px;
}
.padding1{
padding: 22px 10px 0 37px;
}

זה דיי מתחרבש בצורה כזו, אולי יש דרך לשים את זה בקוד של אנגלית?
תודה בכל מקרה!


אה, ושכחתי - זה הקוד של הפלאש שנכנס בתוך הLITERAL מתוך DB

<object style="float:none; width:415;height:199;" codebase="http://download.macromedia.com/pub/s...ersion=6,0,0,0" >
<param name="movie" value="/images/promos/415x199_DN.swf">
<embed src="/images/promos/415x199_DN.swf" style="float:none; width:415;height:199;">
</embed>
</object>

__________________

בהנחה שאת מתכוונת שהכפתור (של התמונה) אמור לעמוד במיקום שלו מעל הפלאש, מבחינת העומק, את צריכה להיעזר ב-CSS עם אפשרות ה- z-index:
http://www.w3schools.com/css/pr_pos_z-index.asp
אני מניח שזה יעבוד. רק שימי לב שזה עובד עבור אלמנטים שמוקמו בעזרת position:absolute :

ציטוט:

Note: Z-index only works on elements that have been positioned (eg position:absolute; )!

כלומר שהקוד ב-CSS אמור להיות, לדוגמא:

קוד:

.playNowBtnPlace{
position: absolute;
top: 206px;
left: 159px;
z-index: 5;
}

כאשר לפלאש נקבע z-index שנמוך מ-5.

______________________

בהנחה שאת מתכוונת שהכפתור אמור לעמוד במיקום שלו מעל הפלאש, מבחינת ציר ה-y (גובה), נסי להחליף את קוד ה-HTML הרגיל בקוד הבא:

קוד:

<table class="tp" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="<%=page.ImageGraphicsPath%>images/PromoText.gif" alt="" width="357" height="251" border="0"></td>
<td class="Top">
	<table border="0" cellpadding="0" cellspacing="0">
	<tr><td>
		<div class="playNowBtnPlace"><a href="<%=Promo.Href%>"><img src="<%=Page.ImageGraphicsPath%>images/buttons/playNow.gif" alt="" width="173" height="36" border="0"/ ></a></div>
	</td></tr>
	<tr><td>
		<div class="posR">
		<div class="padding1"><asp:Literal ID="promoText" Runat="server"></asp:Literal></div>
		</div>
	</td></tr>
	</table>
</td>
</tr>
</table>

סה"כ מה שעשיתי בקוד הנ"ל זה להבדיל בין התמונה לפלאש באמצעות TR (ו-TD...), ככה המיקום שלהם מבחינת ציר ה-y יהיה כזה שהתמונה תהיה מעל הפלאש.

אגב, לא הבנתי למה עשית ב-CSS:

קוד:

.posR{
position: relative;
top: 0px;
left: 0px;
}

???

אני חושב שזה מיותר לבצע position: relative אם ה-top וה-left הם 0.
כלומר ש- position:static זה כמו לומר:

קוד:

position: relative;
top: 0px;
left: 0px;

קודם כל - תודה ע-נ-ק-י-ת!!! סוף סוף מישהו עונה משהו רציני ולא מבלבל במוח ולא מבקש ממני לשנות את הפלאש (שזה אני לא יכולה לעשות בשום אופן...) אין לי מילים!
לגבי השאלה - אני חושבת שהחלק הראשון (מבחינת העומק) זה מה שאני צריכה. כי המיקום מבחינת הצירים הוא בסדר מבחינתי ולהפך - הלחצן אמור לעמוד בחלקו על הפלאש.
רק שאלה - איפה אני מכניסה את ה - z-index עבור הפלאש? בתג OBJECT, או שאפשר להכניס אותו בDIV שהוא בתוכו? ואם אין לי position: absolute בפלאש להכניס גם אותו? הוא תומך בדבר הזה? ושוב - בDIV או בOBJECT?

לגבי ה - CSS לא חשבתי על זה, נראה לי שאתה ממש צודק...

ושוב תודה רבה מאד מאד!

אין בעד מה

ציטוט:

במקור נכתב על ידי ג'יין רק שאלה - איפה אני מכניסה את ה - z-index עבור הפלאש? בתג OBJECT, או שאפשר להכניס אותו בDIV שהוא בתוכו?

ה- z-index הוא תכונה של CSS, זה יכול להיקבע רק באמצעות ה-CSS. כלומר שאפשר לקבוע z-index לערך מסויים באמצעות המאפיין style של אלמנט\תג HTML, או בתוך מסמך ה-CSS, או בין תגי ה-style (שזה גם סוג של מסמך CSS פנימי).

בגלל שההגדרה של ה-z-index לא מורשת לאלמנטים שנמצאים בתוך התג שניתן לו הגדרת ה- z-index, יהיה הכי טוב במקרה שלך לעשות בתוך ה-CSS:

קוד:

.padding1 * /* FLASH's div (parent) descendants*/
{
  padding: 22px 10px 0 37px;
  z-index: 0;
}

.padding1
{
  z-index: 0;
}

אבל מההתחלה את לא אמורה להגדיר ל-FLASH איזשהו z-index, בגלל שהברירת מחדל של ה-z-index לכל האלמנטים זה 0. לכן אם את מגדירה לאלמנט אחר z-index גבוה מ-0, האלמנט האחר יהיה מעל כל שאר האלמנטים מבחינת העומק.

בכל מקרה, אם את רוצה לקבוע z-index ל-FLASH, תנסי כל מיני וריאציות שונות שבהם תבדקי אם את מקבלת תוצאה מתאימה.

ציטוט:

במקור נכתב על ידי ג'יין ואם אין לי position: absolute בפלאש להכניס גם אותו? הוא תומך בדבר הזה? ושוב - בDIV או בOBJECT?

ע"פ הקישור שנתתי לך לעמוד ה- z-index, חובה שיהיה לאלמנט position:absolute כדי שתוכלי לקבוע לו z-index.
אם לאלמנט אין position:absolute , הערך שתקבעי לו ב-z-index לא ישפיע עליו.

זה מה שאני מבין מהעמוד שנתתי לך ל-z-index.
יכול להיות שאולי גם אפשר לקבוע z-index לאלמנט אם הוא מוקם בעזרת position:relative. אני לא בטוח לגבי זה, אבל שווה לבדוק.
בכל מקרה לבדוק את העניין זה עניין קטן ולא מסובך, אז נסי.

בנוגע לקביעת ה-z-index ב-DIV או ב-OBJECT, כמו שאמרתי לך, תנסי וריאציות שונות, או שתיעזרי באפשרות שנתתי לך למעלה בעזרת ה-CSS והסלקטור *.

היי.
כשאני נתקלתי בבעיה הזאת הפנו אותי למדריך של דקל:
http://www.fresh.co.il/vBulletin/sh...ad.php?t=128940
שמסביר ממש טוב איך עובדים נכון עם פלאש.
תעבדי לפי המדריך והבעיה הזאת תעלם.

עריכה:
אם אני לא טועה, זה הקוד שאמור להשפיע רק על שקיפות הפלאש:

קוד:

 <param name="wmode" value="transparent"> 

ל - DCD
תודה על ההסבר! (ויש בעד מה!!!) הוא ממש טוב!
אבל ה - z-index לא הולך, אני חושבת (מקווה) שניסיתי את רוב הוריאציות (והוספתי את הposition:absolute) ניסיתי להוסיף גם ב - CSS ולא מצליח אני עדיין ממשיכה לנסות.

ל - dardevil -
מספיק להוסיף רק את השורה הזו וזה אמור להיות שקוף? ואם זה שקוף אז עדיין זה יכול להיות מעל, כך שיראו את הכפתור והלינק לא יעבוד?
אבל תודה בכל מקרה! אני אחפש על זה קצת, עכשו כשיש לי בסיס.

ושוב תודה רבה לשניכם!!!

הוא צודק, צריך לקבוע שקיפות לפלאש כדי שזה יעבוד כמו שצריך.
העלתי קובץ עם הבדיקות שעשיתי, רק שימי לב שהקוד שם זה לא בדיוק כמו הקוד שלך(!):

https://2007-uploaded.fresh.co.il/2...0/16726414.html

כנראה שיש בעיות עם פלאש בעניינים האלו.

אז לא להשתמש ב - z-index?
טוב, לא חשוב.
בקובץ המועלה אני לא רואה תמונות והוא עושה לי קצת בלגנים כשאני מנסה לשים. בכל מקרה - זה אמור לעבוד שם? שהתמונה תבוא לפני הפלאש?

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

תודה רבה מאד!!!

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

רגע, רגע, זה ע-ו-ב-ד!

יששששששששששששששששששששששששששששש!!!
כמה זמן שהדבר הזה מעצבן לי את העיניים...

השתמשתי במה ששמת בקובץ HTML המצורף
גם זה : <param name="wmode" value="transparent">
וגם זה : WMODE="transparent"
בתוך ה- EMBED
את שניהם היה צריך בשביל שזה יפעל.



תודה רבהרבהרבהרבהרבהרבהרבהרבהרבה

גם על המאמץ וגם על התוצאה!

אתם גדולים מהחיים!!!!!!!!!

אין מילים!!!!

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