Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Help Aligning Swf object in header

Help Aligning Swf object in header

Locked

Views: 588

Results 1 to 4 of 4
This thread is locked. New replies are disabled.
9 May 2010, 10:56 AM
#1
enigma666666 avatar

enigma666666

Zen Follower

Join Date:
May 2010
Posts:
142
Plugin Contributions:
0

Help Aligning Swf object in header

Hi guys, I am urgently in need of some help.

I have downloaded swfobject as per instructions on other threads here and have included my swf file in my template header. The file is showing up and working fine BUT I do not have a clue how to position it in the place where I want it to be on the header.

Also, now that I have included the swf file in the header, the Eazy pages navigation has moved down and the page text has moved up ditto the search box,so things are a bit messed up and I need to fix is asap.:(

I presume that I have to make some css changes to get the swf file to be positioned where I want it to be,but don't know what to put in css file or where to put it either.

Here is a link to my static site so you can see where I want the swf slide file to be positioned.
http://www.alrodeindustrial.co.za

And here is a link to my Zen version of the above mentioned website. http://www.alrodeindustrial.co.za/zencart
As you can see, things are pretty messed up now since I tried to place swf in header:(

Can anyone Please help me with this?

9 May 2010, 12:19 PM
#2
enigma666666 avatar

enigma666666

Zen Follower

Join Date:
May 2010
Posts:
142
Plugin Contributions:
0

Re: Help Aligning Swf object in header

Okay I have fiddled with the css and have no managed to get the swf file to show in the right spot,but it is too high. It needs to be 17px from the top of the page.
I do not know what attributes to put in the css.
Can someone please help me out here?

In the stylesheet I have placed the following:

#flashcontent{background: width url('../images/flash/brand%20logos.swf') 197px 197px; height: 153px;margin-top: 17px; margin-left:427px }

Now I have an extra space above header plus the swf is still to high, it needs to come down.

I also need to get Eazy Page Navigation to move up to the grey bar under the header where it was before I inserted the swf file. Ditto the page text needs to move down to the page and so does the search box.

Can anyone please guide me with regards to how to define the css to accomplish the above???

9 May 2010, 2:36 PM
#3
enigma666666 avatar

enigma666666

Zen Follower

Join Date:
May 2010
Posts:
142
Plugin Contributions:
0

Re: Help Aligning Swf object in header

Okay I have now solved the swf issue, by once again messing with the stylesheet.

Now just have to find a way of getting the Eazy navigation to display on the gray bar underneath the header and find a way of moving main text and search box down:smile:

10 May 2010, 8:18 AM
#4
enigma666666 avatar

enigma666666

Zen Follower

Join Date:
May 2010
Posts:
142
Plugin Contributions:
0

Re: Help Aligning Swf object in header

Sorted the problem out by myself, so do not need help with his issue anymore.:smile: