CSS background behind flash movie is not correct

Posted on 2011-10-18
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
Any help in this matter will be highly apreciated
Question by:raulmonda
    LVL 8

    Accepted Solution

    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

    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.
    LVL 8

    Expert Comment

    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... !

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    How to improve team productivity

    Quip adds documents, spreadsheets, and tasklists to your Slack experience
    - Elevate ideas to Quip docs
    - Share Quip docs in Slack
    - Get notified of changes to your docs
    - Available on iOS/Android/Desktop/Web
    - Online/Offline

    This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
    Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
    In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
    In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …

    759 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

    Need Help in Real-Time?

    Connect with top rated Experts

    8 Experts available now in Live!

    Get 1:1 Help Now