Opera és Firefox gond Flashel
Ü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
■ 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
talán ez
üdv. krey
DIV be helyezve z-indexxel:
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.
módosítva...
<embed src=".THEME."images/banner1.swf'1style='z-index:0;' 'width=650px h
unexpected T_STRING in jelez ugyanott..
minden "vacak " kidobva
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?
A teljes táblák DIV ben
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
sok a rizsa
üdv. krey
ps. vagy semmit
rizsa nélkül
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
wémód
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 őketz-index
elni is:Flash content displays on top of all DHTML layers (gyakorlati tennivalók: How to make a Flash movie with a transparent background)
transparent
mindent átállítottam
- 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.