Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Header configuration & styling »

[SOLVED] .swf in header widget area not displaying in correct order


  #1  
Old Feb 19, 2010, 02:30 PM
bplazar
 
39 posts · Oct 2009
I used the Add New Widget area to add a .swf to show on top of my header. It looks great except when it sits on top of the background overlay for my NexGEN Gallery images. I have tried to fix this with z-index but I either have the wrong CSS or it is not a z-index problem.

The problem can be seen for example when you click on the pictures in this page: http://www.daisytwist.com/bounce-houses/

Once the picture is open, you will need to scroll to the top of the page to see the .swf in the header on top of the background overlay.

Any ideas?
bplazar
  #2  
Old Feb 20, 2010, 12:33 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
I would be curious to know if there is a solution to the swf problem as well. You could of course just create several header images with a different text in each one and then set the rotation to 1 or 2.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Feb 23, 2010, 02:36 PM
bplazar
 
39 posts · Oct 2009
Hi Larry,

The .swf itself is actually working just fine. If you need me to point you in the right direction on how I got it there in the header I'd be glad to tell you what I did. My problem is the stack order of the .swf is incorrect with the NEXTGen Gallery background overlay.

Anybody have any ideas? Please help!!
Beth
  #4  
Old Feb 23, 2010, 07:42 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
Beth... My poor communication... The problem I was referring to IS the stacking problem. I've run into that in the past and blown by it as I haven't found a solution. I fiddled around with the CSS on your site via Firebug with no luck. That's why I mentioned the different header images with different text. That indeed takes care of the z-index issue but isn't as pretty. I'm hoping someone can come up with a solution.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #5  
Old Feb 24, 2010, 05:21 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
I'm not seeing any flash - did you remove it?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #6  
Old Feb 24, 2010, 06:22 AM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
I still see it jd. Its fading text in the header. If you just go to the home page and then click on one of the images you will get an overlay for the image but the area where the flash is shows above the overlay.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #7  
Old Feb 24, 2010, 07:26 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
I'm not seeing it in Safari or firefx on the mac
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #8  
Old Feb 24, 2010, 08:30 AM
bplazar
 
39 posts · Oct 2009
Interesting, I took my z-index out of the .swf container definition in my css because I didn't think it was doing anything and apparently it was doing something for safari - at least on the Mac.

I put the z-index back now and it seems to work correctly on the Mac with Safari - but the stack order is still incorrect on the PC with the other browsers (Firefox, IE, Chrome, Opera).

B

Last edited by bplazar; Feb 24, 2010 at 08:50 AM.
  #9  
Old Feb 25, 2010, 12:50 PM
bplazar
 
39 posts · Oct 2009
Juggledad or Larry - any new ideas since I've fixed the Safari z-index issue?
  #10  
Old Feb 25, 2010, 02:29 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
What is the code you are using for the embed?
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #11  
Old Feb 25, 2010, 04:18 PM
bplazar
 
39 posts · Oct 2009
This the code I put in the text widget:

<div id="header-container" width="550" height="101">
<param name="movie" value="http://www.daisytwist.com/wp-content/themes/atahualpa/images/header.swf">
<embed src="http://www.daisytwist.com/wp-content/themes/atahualpa/images/header.swf" width="550" height="101">
</embed>
</object></div>
  #12  
Old Feb 25, 2010, 06:40 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
It looks like you're missing an opening <object> tag. If that doesn't take care of the issue here are some things I found while searching out this issue. You first would wrap your embed in a div which you did. The following is the "possible" code. I am not a code guru so you may have to fiddle but maybe it will work out of the box.
HTML Code:
<div id="header-container">
<object width="550" height="101">
<param name="movie" value="http://www.daisytwist.com/wp-content/themes/atahualpa/images/header.swf">
<param name="wmode" value="transparent">
<embed src="http://www.daisytwist.com/wp-content/themes/atahualpa/images/header.swf" width="550" height="101" wmode="transparent">
</embed>
</object></div>
Then you add this CSS
HTML Code:
#header-container {position: relative; z-index: 0;}
Some places I found to read about this are here, here, and here.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #13  
Old Feb 25, 2010, 08:35 PM
bplazar
 
39 posts · Oct 2009
Woot Woot!!! THANK YOU LARRY!!!! I added all of the the code changes you suggested. z-index:0 didn't work - I lost the .swf - but z-index:1 did the trick!!!

YAY Larry!!! THANK YOU!!!!

Beth
  #14  
Old Feb 25, 2010, 10:54 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
I love it when things work. Yay
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
header code corrupted how to correct it? What Heals Header configuration & styling 2 Sep 27, 2010 12:37 PM
my-category-order plugin order by 'order' not working darrenk Page & Category Menu Bars 3 Mar 24, 2010 06:56 AM
Adding a widget to a header area animeeyez Header configuration & styling 1 Aug 23, 2009 12:04 PM
Improvements / suggestions for header widget area Joep Hein Header configuration & styling 1 Jul 22, 2009 12:18 PM
New widget area in header paulae Sidebars & Widgets 10 Jul 3, 2009 01:45 PM


All times are GMT -6. The time now is 02:20 PM.


Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.