ugrás a tartalomhoz

Opera és Firefox gond Flashel

Anonymous · 2006. Júl. 20. (Cs), 19.54
Üdv!

Az oldalamon egy "agyongyötört" e107-es tartalomkezelő fut( http://nepujsag.hu). Az átalakítgatás során kicseréltem néhány animált gifet .swf-re. IE alatt minden tökéletesen működik de...
Az egyik animáció felett (a középső nagy) lenyíló menü van. Ha klikkelek kinyílik a menü, de "beszalad" a lenyíló rész az alatta levő, - amúgy szerkezetileg teljesen elkülönített - animáció alá. Ez a gond Opera és Firefox alatt előjön, IE-ben nem.
Amit igazán nem értek, hogy mindez az ugyanoda "beépített" animált giffel nem történik meg. Olyan, mintha a .swf "felülírná" az alapkódot.

A kód: (egészen előlről írom)

/*itt kezdődik a lenyíló menü*/

"</tr>


<tr>

<table style='width:100%;' cellspacing='0' id='svg'>

<td class='svg'>

<div>

{SITELINKS_ALT=".THEME."images/arrow.png}

</div>

</td>

</tr>

</table>


<table style='width:100%' cellspacing='0'>

<tr>

<td style='width:20%; vertical-align: top;' class='menus'>

{MENU=1}

</td>

/*itt jön az említett - amúgy tökéletesen működő .swf*(bocs a kuszaságért)/

<td style='width:60%; vertical-align: top;' class='border2'>

<table>
<table style='width:100%' class='advert1'>

<tr>
<div>

<td width='100%'style='text-align:center; align='center'>
<td style='text-align:center'>
<embed src='".THEME."images/banner1.swf''embed src style='width:650px; height:120px' alt='' />

</div>
</td>
</tr>

</table>

";

/*és innen a footer....*/

$FOOTER =...."

Tud valaki segíteni?
Előre is köszi: Csaba
 
1

talán ez

krey · 2006. Júl. 20. (Cs), 21.18
A google-ben a "z-index flash"-re ez volt az első találat.

üdv. krey
2

DIV be helyezve z-indexxel:

Anonymous · 2006. Júl. 21. (P), 12.08
Ajjaj...!

Az eredeti animációt beraktam egy <div> be.:

<td style='width:60%; vertical-align: top;' class='border2'>
<table>

<table style='width:100%' class='advert1'>
<tr>
<td style='width='100%'style='text-align:center; align='center'>
<div>
<embed src=".THEME."images/banner1.swf'"" style='z-index:0;' 'width=650px height=120px'/>
</div>
</td>
</tr>
</table>
";

Most "Parse error: syntax error, unexpected T_CONSTANT_ENCAPSED_STRING" et jelez az <embed src...sorban.
Nem tudom például, hogy az x-y pozicionálás feltétlenül kell-e.
3

módosítva...

Anonymous · 2006. Júl. 21. (P), 12.11
<embed src=".THEME."images/banner1.swf'"" style='z-index:0;' 'width=650px h.... módosítva (kivettem a bennragadt "-ek):

<embed src=".THEME."images/banner1.swf'1style='z-index:0;' 'width=650px h

unexpected T_STRING in jelez ugyanott..
4

minden "vacak " kidobva

Anonymous · 2006. Júl. 21. (P), 12.18
<embed src=".THEME."images/banner1.swf 'style= z-index:0; width=650px height=120px'>

kidobtam a sallangot.

Egyszóval most a honlap többi tagját is helyezzem divbe, és pozícionáljam +- előjellel őket a z tengely mentén?
5

A teljes táblák DIV ben

Anonymous · 2006. Júl. 21. (P), 12.32
Az érintett két táblát behelyeztem DIV-be és pozícionáltam z-indexxel:
Minden bejön stb, de az alapgon fennáll, tehát a menü "alászalad".

//a menü táblája----------------------------------------------------

<div style= z-index:+1;>

<table style='width:100%;' cellspacing='0' id='header'>

<tr>

<td colspan='1' style='text-align:left; vertical-align: middle;'>

<embed src='".THEME."images/advanced.swf'embed src style='width:170px; height:130px' alt='' />

</td>

<td colspan='1' style='text-align:center; vertical-align: middle;'>

<img src='".THEME."images/e_logo.png' alt='' />

</td>

<td colspan='1' style='text-align:right; vertical-align: middle;'>

<embed src='".THEME."images/advanced2.swf'embed src style='width:170px; height:130px' alt='' />

</td>

</tr>


<tr>

<table style='width:100%;' cellspacing='0' id='svg'>

<td class='svg'>

<div style= z-index:+1;>
{SITELINKS_ALT=".THEME."images/arrow.png}
</div>

</td>

</tr>



</table>

//az animáció táblája----------------------------------------------

</div>


<div style= z-index:-1;>
<table style='width:100%' cellspacing='0'>

<tr>

<td style='width:20%; vertical-align: top;' class='menus'>

{MENU=1}

</td>

<td style='width:60%; vertical-align: top;' class='border2'>
<table>

<table style='width:100%' class='advert1'>
<tr>
<td style='width='100%'style='text-align:center; align='center'>
<div>
<embed src=".THEME."images/banner1.swf 'style= z-index:-1; width=650px height=120px'>
</div>
</td>
</tr>
</table>
</div>
";


Most tényleg elakadtam...
Üdv Csaba
6

sok a rizsa

krey · 2006. Júl. 21. (P), 13.27
Próbálj meg a hibára összpontosítani, és nem bemásolni 10 000 sor templatelt html-t, és ha blognak használod a fórumot, akkor ne csodálkozz, ha kevés válasz kapsz.

üdv. krey

ps. vagy semmit
7

rizsa nélkül

Anonymous · 2006. Júl. 21. (P), 13.40
Kedves krey!

Egyszóval minden "résztvevő" divben van, pozícionálva külön rétegekre. Minden jól mkszik...de a menü lenyílója még mindig alámegy. Maguk a menügombok nem, külö-külön minden réteget kipróbáltam.
Az érdekes az, hogy ha leveszen az <embed src...-t akkor ugye marad az alapfelülete - beépülő elem felirattal - amire rászalad a lenyílás, tehát jó a z pozíció. Ha a képet visszarakom az viszont "fed".

Üdv.: Csaba
8

wémód

bbalint · 2006. Júl. 24. (H), 10.33
kb egy hónapja csináltam próbát flash háttérképként/díszítőelemként való felhasználására; hogy tudjon átlátszóságot, meg vonakozzon reája a z-index CSS tulajdonság is... pl így lehet szépen helyezgetni, meg alá-fölé, mellé-közé írni a sima HTML-ben levő szöveget.

a megoldás az volt, hogy a kedves flash-ek "ablak-mód" (wmode) paraméterét átlátszóra (transparent) vettem, és így már lehetett őket z-indexelni is:
Flash content displays on top of all DHTML layers (gyakorlati tennivalók: How to make a Flash movie with a transparent background)
9

transparent

Anonymous · 2006. Júl. 25. (K), 19.33
Ezt a (wmode) transparentre állítást már javasolták, de nem vettem le a logikáját és ejtettem...most frissítem a dolgot. Köszi
10

mindent átállítottam

Anonymous · 2006. Júl. 28. (P), 15.05
Tehát:

- publisholtam az animációt transparenttel
- az <object> és a <embed> is megkapta a param-wmode-transparent bejegyzést
- külön-külön mindent <div>be, (és próbaképpen <layer>be) helyeztem
- szétszórtam őket -999 és 999 között z-indexxel
- .php-ben és a .css -ben is leellenőriztem, hogy a z-indexek mindenhol ugyanazt mutatják-e.

...és a http://szekszard.nepujsag.hu oldalon a probléma (tehát az flash animáció letakarja a többi dolgot) még fennál.

Ezt már tényleg nem vágom.