[Last Call] Learn how to a build a cloud-first strategyRegister Now


CSS background behind flash movie is not correct

Posted on 2011-10-18
Medium Priority
Last Modified: 2012-05-12
Hi experts,

Im having a problem in my small project i work on. The flash menu has an image as a background. It works fine but at level2 of the menu the image is not rendered. I think its a css problem. the site can be seen at lotusdiving.com.
Any help in this matter will be highly apreciated
Question by:raulmonda
  • 2

Accepted Solution

Jesse Matlock earned 2000 total points
ID: 36990711
Ok, I found the issue with the menu bg image.. it looks like CSS was added to your templates index.php file, so open it and try to find this:
<style type="text/css">
.movie45 {
	width: 100%;
	height: 60px;
	background-image: url(modules/mod_super_menu/tmpl/demo/1/MenuBckrd.jpg);				
div.movie45 {
	width: 100%;
	height: 60px;
	border: 0px solid #000000;

Open in new window

And instead of using that, place this following CSS in your template.css file :)
.movie45 {
	width: 100%;
	height: 60px;
	background: url(../../../../modules/mod_super_menu/tmpl/demo/1/MenuBckrd.jpg) 0 0 no-repeat !important;		
	border: none;

Open in new window

that will fix it!

Author Closing Comment

ID: 36990715
hi Cloud9master

ive done the modification in template.css and it works fine! but i cant find the code in index.php to delete it....anyway it works this way :)
Thank you very much.

Expert Comment

by:Jesse Matlock
ID: 36990723
That's great !! So, you don't see that first piece of code I pasted above in your index.php ??
based on where it is loading in the page, it could be within a module... !

Featured Post

New feature and membership benefit!

New feature! Upgrade and increase expert visibility of your issues with Priority Questions.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
The first step to building an amazing About page is to figure out what you want the page to say about your company. You then must grab the attention of the reader, boast a bit, tell a story and let others brag about you. With a little bit of thought…
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
Suggested Courses
Course of the Month17 days, 21 hours left to enroll

829 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question