Grow your CSS skills. Land your dream job.

Flash/SWF & WordPress

  • # October 20, 2009 at 6:47 pm

    So…I don’t know if I’ve just been staring at my computer too long or what, but for some reason, I can’t figure out how to get an flash swf file to work in my header. Any help would be much appreciated! THANKS! :oops:

    Here’s the site: http://staceybertrand.info

    Here’s the header code (well the relevant bits):

    Code:

     

     

      < ?php wp_list_pages('title_li=' ); ?>

    And the CSS:

    Code:
    /*—-HEADER PANEL—-*/
    #headerPan{width:686px; height:245px; background:url(images/flashheader.swf) 0 0 no-repeat; position:relative; margin:0 auto; padding:11px 0 0 70px;}
    #headerPan ul.leftmenu{width:120px;}
    #headerPan ul.leftmenu li{width:120px; height:21px; border-bottom:1px dashed #AECCCA;}
    #headerPan ul.leftmenu li a{width:120px; height:21px; display:block; background:url(images/bullet-normal.gif) 0 7px no-repeat #fff; color:#305E5C; line-height:21px; text-decoration:none; padding:0 0 0 17px;}
    #headerPan ul.leftmenu li a:hover{background:url(images/bullet-hover.gif) 0 7px no-repeat #fff; color:#305E5C; line-height:21px; text-decoration:none; padding:0 0 0 17px;}
    #headerPan ul.leftmenu li.Solutions{width:120px; height:21px; display:block; background:url(images/bullet-hover.gif) 0 7px no-repeat #fff; color:#305E5C; line-height:21px; text-decoration:none; padding:0 0 0 15px;}
    #headerPan ul.leftmenu li.clients{width:120px; height:21px; border-bottom:none;}
    #headerPan ul.botton{width:150px; height:45px; position:absolute; top:185px; left:592px;}
    # October 21, 2009 at 5:58 am

    You can’t load flash files with css it must be embeded in the header itself. I would suggest using swfobject http://code.google.com/p/swfobject/ or flashembed http://flowplayer.org/tools/flashembed.html

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".