Hi guys this one has me stumped, fingers crossed someone has come up against it or can answer my wordpress riddle!
I'm using wptouch, and when in a post with an object embedded from say issuu.com, or youtube, the post will disappear when I click for the drop down menu using the menu drop down arrow in the top right corner. The embed remains visible though,floating over the menu! I understand it's common, with flash to float above all else to the front.
The way I saw it I had a couple of options - tell the category bar to come down at the very front using css (with z-index? Perhaps?Although not sure how) or - tell the flash embeds not to float to the very front.
Important: I would prefer to tell the category menu to come down at the very front using css or php or whatever I need to do, as the embeds are many, and in individual posts and so it would involve more attention than if I had just to add a code to css or php of theme.
That said, I did try that, I read in many places about adding code to the flash embed:
I tried this tut here http://www.projectseven.com/support/answers.asp?id=127
Below is how my flash code for the issuu embed, for instance, ended up,posted into a wordpress post. With added and wmode="opaque" to the embed. This still displays as over the drop down menu in wptouch even though the rest of the post remains behind it.(I will also post the css for wptouch in one sec)
Anyhow,like I said I would prefer to amend the theme (category menu) rather than individual embeds on individual posts.
If someone who know what they're doing could see in my code what I need to amend css wise or otherwise, and tell me what to do, i would be so eternally grateful!
Thank you so much for your attention! Kaye x
<center><p><div><object style="width:300px;height:213px" ><param name="movie" value="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf?mode=embed&layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Flight%2Flayout.xml&showFlipBtn=true&documentId=120601044328-b38afc173c774fc08412ac055e5c0f3a&docName=xyz_june_brighton&username=XYZMagazine&loadingInfoText=XYZ%20Brighton%20June%202012&et=1340179888574&er=11" /><param name="allowfullscreen" value="true"/><param name="menu" value="false"/><param name="wmode" value="opaque"><embed src="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf" wmode="opaque" type="application/x-shockwave-flash" allowfullscreen="true" menu="false" style="width:300px;height:213px" flashvars="mode=embed&layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Flight%2Flayout.xml&showFlipBtn=true&documentId=120601044328-b38afc173c774fc08412ac055e5c0f3a&docName=xyz_june_brighton&username=XYZMagazine&loadingInfoText=XYZ%20Brighton%20June%202012&et=1340179888574&er=11" /></object><div style="width:300px;text-align:left;"><a href="http://issuu.com/XYZMagazine/docs/xyz_june_brighton?mode=embed&layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Flight%2Flayout.xml&showFlipBtn=true" target="_blank"></a><a href="http://issuu.com" target="_blank"></a><a href="http://issuu.com/search?q=brighton" target="_blank"></a></div></div></p></center>
Below is a snippet from the header file containing the code for my cat drop down head-cat...
<!-- cancelled the below lines out to hide the menu tab at top of header on wptouch
<a href="#head-pages"><?php _e("Menu", "wptouch"); ?></a>
-->
<?php if (bnc_is_tags_button_enabled()) { wptouch_tags_link(); } ?>
<?php if (bnc_is_cats_button_enabled()) { wptouch_cats_link(); } ?>
<?php if (bnc_is_login_button_enabled()) { ?>
<?php if (!is_user_logged_in()) { ?>
<a href="#head-account" onclick="bnc_jquery_login_toggle();"><?php _e( "Login", "wptouch" ); ?></a>
<?php } else { ?>
<a href="#head-account"><?php _e( "My Account", "wptouch" ); ?></a>
<?php } ?>
<?php } ?>
</div>
<!-- cancelled the below lines out to hide the menu tab at top of header on wptouch
<ul id="head-pages">
<?php wptouch_core_header_home(); ?>
<?php wptouch_core_header_pages(); ?>
<?php wptouch_core_header_rss(); ?>
<?php wptouch_core_header_email(); ?>
</ul>
<!-- New noscript check, we need js on now folks -->
<?php if (bnc_is_cats_button_enabled()) { ?>
<ul id="head-cats">
<?php bnc_get_ordered_cat_list(); ?>
</ul>
<?php } ?>
<?php if (bnc_is_tags_button_enabled()) { ?>
<ul id="head-tags">
<li><?php wp_tag_cloud('smallest=13&largest=13&unit=px&number=20&order=asc&format=list'); ?></li>
</ul>
<?php } ?>
[Here is a link][1] to the style.css for wptouch, which I would prefer to amend, to tell my category menu to drop down at the very, very front, even over flash embeds. I just can't see where to do it (I'm self taught and still learning).I couldn't get this code to go in one of those grey boxes, sorry! Here it is by link, although it has a shelf life before it disappears, also includes another css doc: style-min.css. I'm sure the answer must be in these docs but I don't know what i'm looking for. If not there are some other style sheets which I can send if anyone's confident they can set me right!
End.
As per below comment:
How would I amend this code to transparent? I tried above but must be getting it wrong,here is the code untouched:
<----------paste start----------->
<div>
<object style="width:300px;height:213px" >
<param name="movie" value="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf?mode=embed&layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Flight%2Flayout.xml&showFlipBtn=true&documentId=120601044328-b38afc173c774fc08412ac055e5c0f3a&docName=xyz_june_brighton&username=XYZMagazine&loadingInfoText=XYZ%20Brighton%20June%202012&et=1340214844461&er=55" />
<param name="allowfullscreen" value="true"/>
<param name="menu" value="false"/>
<embed src="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf"
type="application/x-shockwave-flash"
allowfullscreen="true"
menu="false"
style="width:300px;height:213px"
flashvars="mode=embed&layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Flight%2Flayout.xml&showFlipBtn=true&documentId=120601044328-b38afc173c774fc08412ac055e5c0f3a&docName=xyz_june_brighton&username=XYZMagazine&loadingInfoText=XYZ%20Brighton%20June%202012&et=1340214844461&er=55" />
</object>
<div style="width:300px;text-align:left;">
<a href="http://issuu.com/XYZMagazine/docs/xyz_june_brighton?mode=embed&layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Flight%2Flayout.xml&showFlipBtn=true" target="_blank">
Open publication
</a>
- Free
<a href="http://issuu.com" target="_blank">
publishing
</a>
-
<a href="http://issuu.com/search?q=brighton" target="_blank">
More brighton
</a>
</div>
</div>
<--------------paste end----------------->
Additional - added ref comments below to illustrate This is the dropdown list code from header.php.
<?php if (bnc_is_cats_button_enabled()) { ?>
<ul id="head-cats">
<?php bnc_get_ordered_cat_list(); ?>
</ul>
<?php } ?>
It's inside divs called (paste below)
<div id="wptouch-menu" class="dropper">
<div id="wptouch-menu-inner">
<div id="menu-head">
<div id="tabnav">
I just can't find the place to put the z index in the css! (2 x docs which can be downloaded from the link above (it won't let me paste the link in again as a spam measure but the txt is here:
additional ref comments: I tried adding transparent (as i was adding opaque in my early code to change the unique embed file) but it didn't work either,I used this code below. I am so grateful to anyone reading / who can help!
<center><p><div><object style="width:300px;height:213px" ><param name="movie" value="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf?mode=embed&layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Flight%2Flayout.xml&showFlipBtn=true&documentId=120601044328-b38afc173c774fc08412ac055e5c0f3a&docName=xyz_june_brighton&username=XYZMagazine&loadingInfoText=XYZ%20Brighton%20June%202012&et=1340179888574&er=11" /><param name="allowfullscreen" value="true"/><param name="menu" value="false"/><param name="wmode" value="transparent"><embed src="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf" wmode="transparent" type="application/x-shockwave-flash" allowfullscreen="true" menu="false" style="width:300px;height:213px" flashvars="mode=embed&layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Flight%2Flayout.xml&showFlipBtn=true&documentId=120601044328-b38afc173c774fc08412ac055e5c0f3a&docName=xyz_june_brighton&username=XYZMagazine&loadingInfoText=XYZ%20Brighton%20June%202012&et=1340179888574&er=11" /></object><div style="width:300px;text-align:left;"><a href="http://issuu.com/XYZMagazine/docs/xyz_june_brighton?mode=embed&layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Flight%2Flayout.xml&showFlipBtn=true" target="_blank"></a><a href="http://issuu.com" target="_blank"></a><a href="http://issuu.com/search?q=brighton" target="_blank"></a></div></div></p></center>
