SWF file overlaps the Fireworks navigation bar in DW 8

Visit my Web site at http://kanreikai.com/ after that that it has loaded using the menu 'Photos' drop-down and see how the navigation bar is in fact behind the Flash swf file.
The navigation bar is at the front most layer in dreamweaver 8, and this problem occurred when I added the .swf instead of a picture file. (there is no problem if I simply a .jpg file there instead of the SWF file, in which case the Fireworks navigation bar works very well.)

Is there a problem of layer or does Flash file that overwrites the file Fireworks in DW 8?
Need your help.
Thank you

Not sure that the popup is blocked, but you can now (see wmode
parameter):

http://KB.Adobe.com/selfservice/viewContent.do?externalId=tn_14201&sliceId=2

--
JO

"IdioC" wrote in message
News:frgv4k$8UB$1@forums. Macromedia.com...
> Please go to my website at http://kanreikai.com/ after it has
> load
> Use the drop 'Photos' and see how the navigation bar is actually behind
> the
> Swf flash file.
> Navigation bar is in the further layer in dreamweaver 8 and this problem
> only
> occurred when I added the .swf instead of a picture file. (there is no
> problem if
> I just a .jpg file it instead the SWF file, in which case the
> Fireworks navigation bar works very well.
>
> Is there a layer problem or is it a Flash file that overwrites the Fireworks
> file in DW 8?
> Need your help.
> Thank you
>
>
>

Tags: Dreamweaver

Similar Questions

  • Fireworks navigation bar won't show 'down' and ' over all the way down ' States.

    So my Fireworks navigation bar won't show 'down' and ' over all the way down "says when I saw it.

    Heres javascript for navigation bar:

    < script type = "text/javascript" >

    <!--

    function MM_preloadImages() {//v3.0

    var d = document; If (d.images) {if(!d.MM_p) d.MM_p = new Array();

    var i, j is d.MM_p.length, a = MM_preloadImages.arguments; for (i = 0; i <.) Length; i ++)

    If (a [i].indexOf("#")! = 0) {d.MM_p [j] = new Image; d.MM_p [j ++] .src = a [i] ;}}

    }

    function MM_findObj (n, d) {//v4.01

    var p, i, x;  if(!d) d = document; If ((p = n.IndexOf ("?")) > 0 & & parent.frames.length) {}

    d = parent.frames [n.Substring(p+1)] .document; n = n.Substring (0, p) ;}

    If (!) () x = d [n]) & & copyrights) x = d.all [n]; for (i = 0;! x & & i < d.forms.length; i ++) x = d.forms [i] [n];

    for (i = 0;! x & & d.layers & & I < d.layers.length; i ++) x = MM_findObj (n, d.layers [i] .document);

    If (! x & & d.getElementById) x = d.getElementById (n); Return x;

    }

    function MM_nbGroup (event, grpName) {//v6.0

    var i, img, nbArr, args is MM_nbGroup.arguments;

    If (event == "init" & & args.length > 2) {}

    If ((img = MM_findObj(args[2]))! = null & &! img.) MM_init) {}

    IMG. MM_init = true; IMG. MM_up = args [3]; IMG. MM_dn = img.src;

    If ((nbArr = document[grpName]) == null) nbArr = document [grpName] = new Array();

    [nbArr.length] nbArr = img;

    for (I = 4; I < args.length - 1; i += 2) if ((img = MM_findObj (args [i]))! = null) {}

    If (! img.) IMG MM_up). MM_up = img.src;

    IMG.src = img. MM_dn = args [i + 1];

    [nbArr.length] nbArr = img;

    } }

    } Else if (event == "over") {}

    document. MM_nbOver is nbArr = new Array();.

    for (i = 1; I < args.length - 1; i += 3) if ((img = MM_findObj (args [i]))! = null) {}

    If (! img.) IMG MM_up). MM_up = img.src;

    IMG. SRC = (img. MM_dn & & args [i + 2])? args [i + 2]: ((args[i+1])? args [i + 1]: img.) MM_up);

    [nbArr.length] nbArr = img;

    }

    } Else if (event == 'out') {}

    for (i = 0; i < document.) MM_nbOver.length; i++) {

    IMG = document. MM_nbOver [i]; IMG. SRC = (img. MM_dn)? IMG. MM_dn: img. MM_up; }

    } Else if (event == 'down') {}

    nbArr = document [grpName];

    If (nbArr)

    for (i = 0; i < nbArr.length; i ++) {img = nbArr [i]; img.src = img. MM_up; IMG. MM_dn = 0; }

    document [grpName] is nbArr = new Array();.

    for (i = 2; I < args.length - 1; i += 2) if ((img = MM_findObj (args [i]))! = null) {}

    If (! img.) IMG MM_up). MM_up = img.src;

    IMG.src = img. MM_dn = (args [i + 1])? args [i + 1]: img. MM_up;

    [nbArr.length] nbArr = img;

    } }

    }

    ->

    < /script >

    And here is the code of navigation bar:

    < table border = "0" cellpadding = "0" cellspacing = "0" width = "196" >

    <!-fwtable fwsrc = "navbar.png" fwpage = "Page 1" fwbase = "Page 1.gif" fwstyle = "Dreamweaver" fwdocid = "182993200" fwnested = "0"->

    < b >

    "" < td > < img src = "... / Kuvat/TESTINAVI/images/spacer.gif" alt = "" name = "undefined_2" width = "196" height = "1" border = "0" id = "undefined_2" / > < table > "

    "" < td > < img src = "... / Kuvat/TESTINAVI/images/spacer.gif" alt = "" name = "undefined_2" width = "1" height = "1" border = "0" id = "undefined_2" / > < table > "

    < /tr >

    < b >

    "" < td > < a href = ".. / Html/Index.html" onmouseout = "MM_nbGroup ('out'); "onmouseover =" MM_nbGroup ('over', 'navbar_r1_c1','... / Kuvat, TESTINAVI, images, navbar_r1_c1_f2.) " GIF ',', Kuvat/TESTINAVI/images/navbar_r1_c1_f4.gif',1); "" onclick = "MM_nbGroup ('down', 'navbar1', 'navbar_r1_c1','... / Kuvat/TESTINAVI/images/navbar_r1_ c1_f3.gif', 1);" > < img name = "navbar_r1_c1" src =""... / Kuvat/TESTINAVI/images/navbar_r1_c1.gif "width ="196"height ="36"border ="0"id ="navbar_r1_c1"alt =" "/ > < / has > < table >

    "" < td > < img src = "... / Kuvat/TESTINAVI/images/spacer.gif" alt = "" name = "undefined_2" width = "1" height = "36" border = "0" id = "undefined_2" / > < table > "

    < /tr >

    < b >

    "" < td > < a href = ".. / Html/Hevoset.html ' onmouseout ="MM_nbGroup ('out'); "onmouseover =" MM_nbGroup ('over', 'navbar_r2_c1','... / Kuvat, TESTINAVI, images, navbar_r2_c1_f2.) " GIF ',', Kuvat/TESTINAVI/images/navbar_r2_c1_f4.gif',1); "" onclick = "MM_nbGroup ('down', 'navbar1', 'navbar_r2_c1','... / Kuvat/TESTINAVI/images/navbar_r2_ c1_f3.gif', 1);" > < img name = "navbar_r2_c1" src =""... / Kuvat/TESTINAVI/images/navbar_r2_c1.gif "width ="196"height ="36"border ="0"id ="navbar_r2_c1"alt =" "/ > < / has > < table >

    "" < td > < img src = "... / Kuvat/TESTINAVI/images/spacer.gif" alt = "" name = "undefined_2" width = "1" height = "36" border = "0" id = "undefined_2" / > < table > "

    < /tr >

    < b >

    "" < td > < a href = ".. / Html/Tunnit.html ' onmouseout ="MM_nbGroup ('out'); "onmouseover =" MM_nbGroup ('over', 'navbar_r3_c1','... / Kuvat, TESTINAVI, images, navbar_r3_c1_f2.) " GIF ',', Kuvat/TESTINAVI/images/navbar_r3_c1_f4.gif',1); "" onclick = "MM_nbGroup ('down', 'navbar1', 'navbar_r3_c1','... / Kuvat/TESTINAVI/images/navbar_r3_ c1_f3.gif', 1);" > < img name = "navbar_r3_c1" src =""... / Kuvat/TESTINAVI/images/navbar_r3_c1.gif "width ="196"height ="36"border ="0"id ="navbar_r3_c1"alt =" "/ > < / has > < table >

    "" < td > < img src = "... / Kuvat/TESTINAVI/images/spacer.gif" alt = "" name = "undefined_2" width = "1" height = "36" border = "0" id = "undefined_2" / > < table > "

    < /tr >

    < b >

    "" < td > < a href = ".. / Html/Leirit.html ' onmouseout ="MM_nbGroup ('out'); "onmouseover =" MM_nbGroup ('over', 'navbar_r4_c1','... / Kuvat, TESTINAVI, images, navbar_r4_c1_f2.) " GIF ',', Kuvat/TESTINAVI/images/navbar_r4_c1_f4.gif',1); "" onclick = "MM_nbGroup ('down', 'navbar1', 'navbar_r4_c1','... / Kuvat/TESTINAVI/images/navbar_r4_ c1_f3.gif', 1);" > < img name = "navbar_r4_c1" src =""... / Kuvat/TESTINAVI/images/navbar_r4_c1.gif "width ="196"height ="36"border ="0"id ="navbar_r4_c1"alt =" "/ > < / has > < table >

    "" < td > < img src = "... / Kuvat/TESTINAVI/images/spacer.gif" alt = "" name = "undefined_2" width = "1" height = "36" border = "0" id = "undefined_2" / > < table > "

    < /tr >

    < b >

    "" < td > < a href = ".. / Html/Hinnasto.html ' onmouseout ="MM_nbGroup ('out'); "onmouseover =" MM_nbGroup ('over', 'navbar_r5_c1','... / Kuvat, TESTINAVI, images, navbar_r5_c1_f2.) " GIF ',', Kuvat/TESTINAVI/images/navbar_r5_c1_f4.gif',1); "" onclick = "MM_nbGroup ('down', 'navbar1', 'navbar_r5_c1','... / Kuvat/TESTINAVI/images/navbar_r5_ c1_f3.gif', 1);" > < img name = "navbar_r5_c1" src =""... / Kuvat/TESTINAVI/images/navbar_r5_c1.gif "width ="196"height ="36"border ="0"id ="navbar_r5_c1"alt =" "/ > < / has > < table >

    "" < td > < img src = "... / Kuvat/TESTINAVI/images/spacer.gif" alt = "" name = "undefined_2" width = "1" height = "36" border = "0" id = "undefined_2" / > < table > "

    < /tr >

    < b >

    "" < td > < a href = ".. / Html/Tayshoitopaikat.html ' onmouseout ="MM_nbGroup ('out'); "onmouseover =" MM_nbGroup ('over', 'navbar_r6_c1','... / Kuvat, TESTINAVI, images, navbar_r6_c1_f2.) " GIF ',', Kuvat/TESTINAVI/images/navbar_r6_c1_f4.gif',1); "" onclick = "MM_nbGroup ('down', 'navbar1', 'navbar_r6_c1','... / Kuvat/TESTINAVI/images/navbar_r6_ c1_f3.gif', 1);" > < img name = "navbar_r6_c1" src =""... / Kuvat/TESTINAVI/images/navbar_r6_c1.gif "width ="196"height ="36"border ="0"id ="navbar_r6_c1"alt =" "/ > < / has > < table >

    "" < td > < img src = "... / Kuvat/TESTINAVI/images/spacer.gif" alt = "" name = "undefined_2" width = "1" height = "36" border = "0" id = "undefined_2" / > < table > "

    < /tr >

    < b >

    "" < td > < a href = ".. / Html/Kuvagalleria.html ' onmouseout ="MM_nbGroup ('out'); "onmouseover =" MM_nbGroup ('over', 'navbar_r7_c1','... / Kuvat, TESTINAVI, images, navbar_r7_c1_f2.) " GIF ',', Kuvat/TESTINAVI/images/navbar_r7_c1_f4.gif',1); "" onclick = "MM_nbGroup ('down', 'navbar1', 'navbar_r7_c1','... / Kuvat/TESTINAVI/images/navbar_r7_ c1_f3.gif', 1);" > < img name = "navbar_r7_c1" src =""... / Kuvat/TESTINAVI/images/navbar_r7_c1.gif "width ="196"height ="36"border ="0"id ="navbar_r7_c1"alt =" "/ > < / has > < table >

    "" < td > < img src = "... / Kuvat/TESTINAVI/images/spacer.gif" alt = "" name = "undefined_2" width = "1" height = "36" border = "0" id = "undefined_2" / > < table > "

    < /tr >

    < b >

    "" < td > < a href = ".. / Html/Kisamenestys.html ' onmouseout ="MM_nbGroup ('out'); "onmouseover =" MM_nbGroup ('over', 'navbar_r8_c1','... / Kuvat, TESTINAVI, images, navbar_r8_c1_f2.) " GIF ',', Kuvat/TESTINAVI/images/navbar_r8_c1_f4.gif',1); "" onclick = "MM_nbGroup ('down', 'navbar1', 'navbar_r8_c1','... / Kuvat/TESTINAVI/images/navbar_r8_ c1_f3.gif', 1);" > < img name = "navbar_r8_c1" src =""... / Kuvat/TESTINAVI/images/navbar_r8_c1.gif "width ="196"height ="36"border ="0"id ="navbar_r8_c1"alt =" "/ > < / has > < table >

    "" < td > < img src = "... / Kuvat/TESTINAVI/images/spacer.gif" alt = "" name = "undefined_2" width = "1" height = "36" border = "0" id = "undefined_2" / > < table > "

    < /tr >

    < b >

    "" < td > < a href = ".. / Html/Ajankohtaista.html ' onmouseout ="MM_nbGroup ('out'); "onmouseover =" MM_nbGroup ('over', 'navbar_r9_c1','... / Kuvat, TESTINAVI, images, navbar_r9_c1_f2.) " GIF ',', Kuvat/TESTINAVI/images/navbar_r9_c1_f4.gif',1); "" onclick = "MM_nbGroup ('down', 'navbar1', 'navbar_r9_c1','... / Kuvat/TESTINAVI/images/navbar_r9_ c1_f3.gif', 1);" > < img name = "navbar_r9_c1" src =""... / Kuvat/TESTINAVI/images/navbar_r9_c1.gif "width ="196"height ="36"border ="0"id ="navbar_r9_c1"alt =" "/ > < / has > < table >

    "" < td > < img src = "... / Kuvat/TESTINAVI/images/spacer.gif" alt = "" name = "undefined_2" width = "1" height = "36" border = "0" id = "undefined_2" / > < table > "

    < /tr >

    < b >

    "" < td > < a href = ".. / Html/Yhteystiedot.html ' onmouseout ="MM_nbGroup ('out'); "onmouseover =" MM_nbGroup ('over', 'navbar_r10_c1','... / 2.gif Kuvat, TESTINAVI, image, navbar_r10_c1_f ',', Kuvat/TESTINAVI/images/navbar_r10_c1_f4.gif',1); " "" onclick = "MM_nbGroup ('down', 'navbar1', 'navbar_r10_c1','... / Kuvat/TESTINAVI/images/navbar_r1 0_c1_f3.gif', 1);" > < img name = "navbar_r10_c1" src =""... / Kuvat/TESTINAVI/images/navbar_r10_c1.gif "width ="196"height ="36"border ="0"id ="navbar_r10_c1"alt =" "/ > < / has > < table >

    "" < td > < img src = "... / Kuvat/TESTINAVI/images/spacer.gif" alt = "" name = "undefined_2" width = "1" height = "36" border = "0" id = "undefined_2" / > < table > "

    < /tr >

    < /table >

    I had a look at the files you sent me and tested in different browsers. I don't see a problem because mouseover and mouseout/mouseouthandler() events work as expected. The reason why all down and several events have not been programmed to. Remember that when a menu item is clicked on, it takes you to another page with a different menu and a different logic.

    If you want the item of menu appropriate to remain in an inactive state, you need to program for it.

    Why don't you use a menu ready fact as Spry system?

    GRAMPS.

    PS: Faceless and nameless moderators have removed some of my responses that made me decide that I can use my time better in other places. I won't answer any further.

  • Change the color of 1 link of the Bootstrap navigation bar

    Hello

    I am eager to pass the roll of color of a link in the navigation bar of bootraps.

    I tried a class on this subject... no luck... I can change all the nav bar color... but I just want a roll of color of the item...

    All thoughts

    PAL

    Place the following in your custom stylesheet (do not touch the stylesheet (s)) original of Bootstrap

    .NavBar - default .navbar-nav > li > a: hover, .navbar - default .navbar-nav > li > a: focus {}

    background-color: #FFFF00;

    color: #FFC0CB;

    }

    This assumes that you have deployed the default navigation bar. If you use a different class, also adjust the colors to suit.

  • Make the fixed Navigation bar drop Menus still appear on the top

    You can see my problem here

    Using Dreamweaver - how do the fixed Navigation bar down Menus still appear on the top - YouTube

    I'm not too familiar with dreamweaver and don't know how to ask this question or even don't know where is the problem. I did the navigation bar have a fixed position, but the rest of the items would appear on top of the value net asset bar when I scrolled down. How to make the navigation bar always be above all down the screen so the menus and submenus appear always on top?

    CSS STYLESHEET

    {body

    background-color: #191919;

    do-size: 12px;

    do-family: Arial;

    line-height: 23px;

    color: #fff;

    }

    IMG,

    #logo,

    #smallphone,

    #bigphone,

    touch,

    a,

    H3,

    #slidernav li,

    #computer,

    #footer,

    #footer img,

    .smalllogo,

    .learnmore,

    {#submit}

    behavior: url(javascript/iepngfix.htc)

    }

    /* ---------- Hack ---------- */

    .stripNavL, {.stripNavR}

    display: none;

    }

    .stripNav a {}

    text-indent:-9999px;

    }

    {#stripNav0}

    Width: 200px;

    }

    {.stripNav}

    Width: 200px! important;

    }

    .stripNav ul li {}

    margin-left: 10px;

    }

    .stripNav ul {}

    float: right! important;

    }

    {.clearfix}

    Display: inline-block; }

    . Clearfix: after {}

    "content: » ;

    Display: block;

    height: 0;

    Clear: both;

    visibility: hidden; }

    / * Hide IE Mac * /.

    . Clearfix {display: block ;}}

    / * End hide IE Mac * /.

    /* ---------- Typo ---------- */

    {small

    display: block;

    margin: 10px 10px 0 0;

    color: #6fcad7;

    text-transform: uppercase;

    make-weight: bold;

    }

    {small .entry-block

    make-weight: normal;

    text-transform: none;

    }

    {p}

    color: #FFFFFF;

    }

    a, {.link

    color: #6fcad7;

    text-decoration: none;

    }

    H1 {}

    text-transform: uppercase;

    font size: 16.5px;

    color: #FFFFFF;

    do-family: Arial;

    }

    H2 {}

    text-transform: uppercase;

    font size: 36.5px;

    color: #6fcad7;

    padding-bottom: 15px;

    Background: url (.. /images/horizontal-Divider.jpg) lower horizontal;

    }

    {.nodivider}

    background-image: none;

    }

    H3 {}

    text-transform: uppercase;

    font size: 16.5px;

    height: 30px;

    color: #6fcad7;

    padding: 5px 0px 0px 35px;

    Background: url (.. / images/icon11.png) left no-repeat;

    }

    H4 {}

    font size: 24 PX.

    color: #6fcad7;

    display: block;

    margin: 20px 0 0 0;

    }

    {.description_p}

    color: #ffffff;

    Padding: 15px 0px;

    Background: url (.. /images/horizontal-Divider.jpg) lower horizontal;

    }

    .Icon1, .icon2, .icon3 {}

    color: #ffffff;

    }

    {.icon1}

    Background: url (.. / images/icon9.png) left no-repeat;

    }

    {.icon2}

    Background: url (.. / images/icon11.png) left no-repeat;

    }

    {.icon3}

    Background: url (.. / images/icon10.png) left no-repeat;

    }

    .footerblog a {}

    color: #FFFFFF;

    text-decoration: none;

    margin: 20px 15px 0px 0px;

    }

    .footerblog a: hover {}

    color: #6fcad7;

    }

    {.footerblog}

    margin-bottom: 5px;

    font size: 15px;

    }

    #footer p {}

    color: #a4a4a4;

    do-size: 10px;

    }

    /* ---------- Logo ---------- */

    #logo {}

    float: left;

    Padding: 12px 0px 0px 10px;

    }

    /* ---------- Slider ---------- */

    {#topcontent_wrap}

    background-color: #0 d 7483;

    overflow: hidden;

    }

    {#topcontent}

    Width: 940px;

    margin: 0 auto 0 auto;

    overflow: hidden;

    Padding: 50px 50px 0 0;

    }

    {#info}

    float: right;

    Width: 550px;

    Padding: 0px 0px 0px 35px;

    }

    {#infoleft}

    float: left;

    Width: 550px;

    Padding: 0px 0px 0px 35px;

    }

    {#infoleftsmall}

    float: left;

    Width: 300px;

    Padding: 0px 0px 0px 35px;

    }

    . Video {}

    float: right;

    top of the margin: 45px;

    }

    . Video a {}

    text-decoration: none;

    color: #FFFFFF;

    }

    . Video: hover {}

    color: #6fcad7;

    }

    {.screenshotsfeatures}

    margin: 20px 10px 0px 0px;

    overflow: hidden;

    }

    {.screenshots}

    Width: 300px;

    float: left;

    }

    .the {}

    left margin: 20px;

    float: left;

    }

    .screenshots li {}

    display: block;

    Width: 71px;

    height: 57px;

    Background: url (.. /images/screenshot-BG.jpg top) left no-repeat;

    float: left;

    Padding: 7px;

    margin: 0px 10px 10px 0px;

    }

    . List {}

    Background: url (.. /images/features-BG.jpg top) left no-repeat;

    Width: 196px;

    height: 96px;

    top of the margin: 9px;

    Padding: 0px 0px 33px 11px;

    }

    . List li {}

    color: #96d7e0;

    list-style: circle;

    low-margin: 7px;

    }

    button {}

    float: left;

    margin: 10px 0 0 0;

    }

    {.learnmore}

    Background: url (.. / images/learnmorebtn.png) top left no-repeat;

    Width: 99px;

    height: 30px;

    display: block;

    color: #6fcad7;

    text-transform: uppercase;

    do-size: 11px;

    text-decoration: none;

    make-weight: bold;

    line-height: 30px;

    text-align: center;

    }

    {a.learnmore:hover}

    Background: url (.. / images/learnmorebtn.png) at the bottom left no-repeat;

    }

    {#slidernav}

    position: absolute;

    margin-bottom: 30px;

    right: 10px;

    bottom: 60px banner;

    }

    #slidernav li {}

    Background: url (.. /images/dot-OFF.png top) left no-repeat;

    Width: 12px;

    height: 11px;

    margin-left: 10px;

    float: left;

    }

    #slidernav ul {}

    margin-top: 10px;

    }

    #slidernav li.doton {}

    Background: url (.. /images/dot-on.png top) left no-repeat;

    Width: 12px;

    height: 11px;

    margin-left: 10px;

    float: left;

    }

    #slidernav li a {}

    display: block;

    Width: 12px;

    height: 11px;

    }

    #slidernav li a.the {}

    Background: url (.. /images/dot-on.png top) left no-repeat;

    Width: 12px;

    height: 11px;

    display: block;

    }

    #slidernav li a span {}

    display: none;

    }

    / * - iPhone - computer-* /.

    {#iphone}

    position: relative;

    Padding: 110px, 70px 0px 0px;

    Width: 345px;

    z-index: 1;

    float: left;

    margin:-50px 0 - 30px 0;

    }

    {#smallphone}

    Background: url (.. / images/smallphone.png);

    Width: 159px;

    height: 292px;

    Padding: 0px 0px 22px 57px;

    }

    {#bigphone}

    Background: url (.. / images/bigphone.png);

    Width: 211px;

    height: 378px;

    Padding: 0px 0px 28px 73px;

    position: absolute;

    top: 45px;

    right: 0;

    z index: 9999;

    }

    {#computer}

    Background: url (.. / images/computer.png);

    Width: 319px;

    height: 311px;

    float: right;

    top of the margin: 45px;

    Padding: 15px 0px 0px 25px;

    }

    / * - On the content of the left Page-* /.

    {#leftcontent}

    Width: 680px;

    overflow: hidden;

    float: left;

    }

    {.imgfloat}

    float: left;

    margin: 15px 0px 20px 0px;

    }

    #sidebar {}

    float: left;

    Width: 190px;

    padding-left: 35px;.

    margin: 10px 0px 0px 725px;

    Background: url (.. /images/Color-vertical-div.jpg top) left on repeat-y;

    position: fixed;

    }

    {.sidebartitle}

    Background: none;

    padding: 0px;

    }

    #sidebar ul {}

    margin: 10px 20px 0 0;

    Width: 190px;

    overflow: hidden;

    }

    #sidebar li {}

    margin-bottom: 10px;

    }

    #sidebar li a {}

    text-decoration: none;

    color: #bababa;

    font size: 16.5px;

    }

    #sidebar li a: hover {}

    color: #ffffff;

    }

    {.sidebaron}

    color: #ffffff! important;

    }

    #sidebar ul #social {}

    list-style: none;

    overflow: hidden;

    margin: 0-0 15px 0;

    Padding: 15px 0 0 0;

    Width: 188px;

    }

    #sidebar ul li {} #social

    margin-bottom: 0px;

    margin-top:-5px;

    overflow: hidden;

    float: left;

    }

    #sidebar ul a {} #social

    Width: 32px;

    padding: 0 15px 15px 0;

    overflow: hidden;

    display: block;

    }

    . Clear {}

    Clear: both;

    }

    purchase online .slider {}

    height: 449px;

    }

    / * - Down content-* /.

    {#bottomcontent_wrap}

    Background: url (.. / images/bottomcontentbar.jpg) #191919 top left horizontal;

    Padding: 9px 0px 0px 0px;

    }

    {#bottomcontent}

    Width: 940px;

    margin: 0 auto;

    Background: url (.. / images/bottomcontentbg.jpg) #191919 top left no-repeat;

    overflow: hidden;

    padding-top: 30px;

    }

    .the .middle, {.right

    float: left;

    Width: 250px;

    }

    .the {}

    padding-right: 20px;

    Background: url (.. /images/Dark-vertical-div.jpg) top right repeat-y;

    }

    .the ul {}

    margin: 5px 0px 0px 15px;

    }

    . Li {}

    color: #ffffff;

    list-style: circle;

    low-margin: 7px;

    }

    {.middle}

    padding: 0px 55px;

    }

    . Right {}

    float: right;

    padding-left: 55px;

    Background: url (.. /images/Dark-vertical-div.jpg top) left on repeat-y;

    }

    /* ---------- Contact ---------- */

    #container ul li.success

    {

    color: #ffffff;

    }

    #container ul

    {

    text-align: left;

    color: #6fcad7;

    top of the margin: 15px;

    }

    . TextField {}

    border: 1px solid #aaa;

    Background: #fff;

    padding: 5px;

    do-family: Arial;

    do-size: 12px;

    }

    {#submit}

    margin: 10px 0 0 0;

    Background: url (.. / images/learnmorebtn.png) top left no-repeat;

    Width: 99px;

    height: 30px;

    display: block;

    color: #6fcad7;

    text-transform: uppercase;

    do-size: 11px;

    text-decoration: none;

    make-weight: bold;

    line-height: 30px;

    border: 0;

    cursor: pointer;

    }

    #submit: hover {}

    Background: url (.. / images/learnmorebtn.png) at the bottom left no-repeat;

    }

    . Entry-block {}

    margin: 20px 0 0 0;

    padding: 0 0 20px 0;

    Background: url (.. bottom of horizontal /images/horizontal-Divider.jpg);

    overflow: hidden;

    }

    . Thumb img {}

    border: 3px solid #cfcfcf;

    }

    purchase online .slider {}

    height: 445px;

    overflow: hidden;

    }

    /* ---------- Footer ---------- */

    #footer a {}

    text-decoration: underline;

    color: #CCCCCC;

    }

    #footer {}

    Background: url (.. / images/footerbg.png) top left no-repeat;

    Width: 938px;

    height: 75px;

    float: left;

    margin: 30px 0px;

    padding: 20px 15px;

    }

    #copyright {}

    float: left;

    }

    . Copy {}

    margin left: 55px;

    }

    {.smalllogo}

    padding-top: 5px;

    float: left;

    }

    .source {}

    text-transform: uppercase;

    padding-right: 55px;

    float: right;

    }

    {# block-project}

    margin: 30px 0 0 0;

    overflow: hidden;

    }

    #thumb-{grand

    Width: 374px;

    height: 365px;

    border: 3px solid #cfcfcf;

    float: left;

    margin: 20px 0 0 0;

    }

    {#right-block}

    float: right;

    Width: auto;

    overflow: hidden;

    Width: 340px;

    right margin:-60px banner;

    }

    {#thumb - UL small

    list-style: none;

    overflow: hidden;

    Width: 100%;

    }

    UL #thumb - small li {}

    float: left;

    margin: 20px 0 0 0;

    }

    #thumb - small UL a {}

    float: left;

    height: 97px;

    Width: 122px;

    border: 3px solid #cfcfcf;

    display: block;

    }

    UL #details {}

    list-style: none;

    Width: 100%;

    overflow: hidden;

    top of the margin: 20px;

    }

    UL li {} #details

    Background: url (.. / images/bullet.gif) no repeat 1px 0;

    height: 36px;

    padding: 0 0 0 30px;

    }

    / * Cursor * /.

    .stripViewer .panelContainer .panel ul {}

    text-align: left;

    }

    / * These 2 lines specify style applied during the loading of cursor * /.

    . CSW {width: 100%; height: auto; overflow: hidden ;}}

    . CSW .loading {margin: 200px to 300px 0 0; text-align: center ;}}

    .stripViewer {/ * this is the viewport * /}

    position: relative;

    overflow: hidden;

    / * border: 5px solid #000; / * This is the border. must have the same value for the links * /.

    margin: auto;

    Width: 940px; / * Specified also in .stripViewer .panelContainer .panel below * /.

    height: auto;

    Clear: both;

    / * background: #fff; * /

    }

    .stripViewer .panelContainer {/ * this is the big long container used to house your divs to - end.} Width is calculated and indicated by the JS * /.

    position: relative;

    left: 0; top: 0;

    Width: 100%;

    list-style-type: none;

    / * - moz-user-select: none; This breaks the CSS validation but stops accidental (and intentional - beware) Panel highlighting in Firefox. Some people might find this useful fools, fool. */

    }

    .stripViewer .panelContainer .panel {/ * each Panel is prepared end-to-end * /}

    float: left;

    height: 100%;

    position: relative;

    Width: 940px; / * As specified in .stripViewer above * /.

    }

    .stripViewer .panelContainer .panel .wrapper {/ * wrapper to give some padding in panels, without messing with the existing panel width * /}

    padding: 0px 0 0 0;

    }

    .stripNav {/ * this is the div to hold your nav (AMT generated at run time) * /}

    margin: auto;

    position: absolute;

    z index: 9999;

    bottom: 85px;

    right: 0px;

    }

    .stripNav ul {/ * generated automatically links * /}

    list-style: none;

    }

    .stripNav ul li {}

    float: left;

    right margin: 2px; / * If you change it, remember to adjust the initial value of navWidth in the coda - slider.1.1.1.js * /.

    height: 11px;

    Width: 12px;

    }

    .stripNav a {/ * the nav links * /}

    font size: 1px;

    text-align: center;

    Background: url (.. /images/dot-OFF.png) no-repeat;

    color: #fff;

    text-decoration: none;

    display: block;

    Width: 12px;

    height: 11px;

    }

    .stripNav Li a: hover {}

    Background: url (.. /images/dot-on.png) no-repeat;

    }

    .stripNav li a.the {}

    Background: url (.. /images/dot-on.png) no-repeat;

    color: #fff;

    overflow: hidden;

    Width: 12px;

    height: 11px;

    }

    .stripNavL, .stripNavR {/ * the arrows left and right * /}

    position: absolute;

    top: 230px;

    text-indent:-9000em;

    }

    .stripNavL a, .stripNavR a {}

    display: block;

    height: 40px;

    Width: 40px;

    }

    {.stripNavL}

    left: 0;

    }

    {.stripNavR}

    right: 0;

    }

    CSS NAV

    / *-Navigation-* /.

    {#top_bar}

    background-color: #000000;

    height: 40px;

    position: fixed;

    Width: 100%;

    top: 0:

    }

    {#nav_container}

    Width: 940px;

    margin: 0 auto;

    }

    #nav {}

    do-family: Arial, Helvetica, without serif.

    make-weight: bold;

    do-size: 12px;

    color: #9f9f9f;

    z index: 9999;

    float: right;

    position: relative;

    }

    #nav, #nav ul {}

    margin: 0;

    padding: 0;

    list-style-type: none;

    list-style-position: outside;

    position: relative;

    line-height: 1em;

    }

    #nav a: link, #nav a: active, #nav a: visited {}

    Display: block;

    line-height: 40px;

    padding: 0 25px;

    color: #a5a5a5;

    text-decoration: none;

    text-transform: uppercase;

    }

    #nav a: hover {}

    color: #fff;

    }

    #nav .on {}

    background-color: #fff;

    color: #191919! important;

    float: left;

    position: relative;

    }

    #nav .inscrit {}

    Background: url (.. / images/subscribe.png) top left no-repeat;

    height: 40px;

    left margin: 22px;

    float: left;

    position: relative;

    }

    #nav li {}

    float: left;

    position: relative;

    }

    #nav ul {}

    position: absolute;

    top: 3.3em;

    display: none;

    z-index: 1;

    }

    #nav ul li a {}

    Width: 8th;

    height: 40px;

    float: left;

    background-color: black;

    background-image: none! important;

    }

    .last {}

    Width: 8th;

    float: left;

    background-color: black;

    background-image: none! important;

    right margin: 15px;

    }

    #nav ul li a: hover {}

    background-color: #292929;

    }

    #nav ul ul {}

    top: auto;

    }

    #nav li ul ul {}

    left: 11.3em;

    margin: 0px 0 0 10px;

    }

    #nav li: hover ul ul, #nav li: hover ul ul ul li: hover ul ul ul ul {} #nav

    display: none;

    }

    #nav li: hover ul, #nav li li: hover ul, #nav li li li: hover ul, #nav li li li li: hover ul {}

    Display: block;

    }

    Try to give the top_nav bar a z-index: 999:

    {#top_bar}

    background-color: #000000;

    height: 40px;

    position: fixed;

    Width: 100%;

    top: 0:

    z index: 999;

    }

  • Maintenance of the visible Navigation bar?

    It seems possible to keep hidden with the gesture API navigation bar. However, I can't understand consistently to maintain the visible navigation bar.

    The following code will ensure that the navigation bar is visible on the loading of the page and show page; However, as soon as the page is moved in a certain way, the navigation bar automatically hides and is irretrievable.

    {$(document) .ready (function ()}

    adobeDPS.Gesture.disableNavigation ([$("body") [0]]);

    adobeDPS.Gesture.toggleNavigationUI ();

    });

    document.addEventListener ("visibilitychange", function() {}

    If (! document.hidden) {}

    adobeDPS.Gesture.toggleNavigationUI ();

    }

    });

    Is there a way to ensure that the navigation bar is indicated?

    There is no way to force the navigation bar to stay standing. It will disappear when the player interacts with the page to ensure that the full screen is available for the reading experience.

    Neil

  • Open another SWF file in the same window of the browser?

    I designed a website, the first HTML page. How to code a button to load another SWF file in the same web browser window?

    The example site uses Flash.  If you want it works exactly the same as you do not want to use the Flash.

    If you want similar functionality, then you can simply use the navigateToURL() function to open the new page with the swf site integrated into it.

    Explaining the AS3 button Code
    --------------------------

    Assume that you create a button symbol.  Since this is a button, it is already a car animation object that will react to mouse interactions, but only visually at this stage.  The first thing you need to do to make it useful down must assign a unique instance name.  If you drag a copy of it on the stage of the library, and while it is still selected, enter you this unique instance for her name in the Panel properties... say you name "btn1.

    In AS3, to make a button with the code, you must add a listener of events and event handler for it function.  You may need to add a little (for different events, like reversal, deployment, by clicking on it, but for now let's just say you want to be able to click them to get a web page.)  In the scenario that contains this button, a layer of separate actions that you create in a similar framework where this button exists, numbered, you must add the event listener:

    Btn1.addEventListener (MouseEvent.CLICK, btn1Click);

    The name of the unique function for the treatment, the click of this button is specified at the end of the assignment of event listener, so now you just have to write this function:

    function btn1Click(evt:MouseEvent):void {}

    var url: String = "http://www.awebsite.com/awebpage.html";

    var req:URLRequest = new URLRequest (url, "_self");   "_self" indicates that it takes to open in the same window

    navigateToURL (req);

    }

  • How to use CSS to create the horizontal navigation bar in Dreamweaver CS6

    How to use CSS to create the horizontal navigation bar in Dreamweaver CS6

    One of the ways to do this is the following: Editor Tryit v1.9

    You can also use floats to get something in the same direction.

  • How do I know if a loaded SWF file have the source code?

    Hi!, I need to know if a loaded SWF file have the source code. I develop an application running on iOS and admin can upload SWF files that show in the APP, but I must know before show (mobile Adobe AIR APP) or activate (PHP script server), if this SWF file have the source code for no show or enable him not it.,.

    Thank you!

    I have it!

    Only that we need to do is:

    1. If the first tank is:

    F-the swf is uncompressed

    C - compressed with Deflate

    Z - compressed with LZMA

    2. If it is compressed, uncompress it with the right method

    3. search MainTimeline string, if concluded the SWF actionscript so it is not found, the code is not actionscript.

  • Problem with IE box put white behind the spry navigation bar

    IE is also distort menu nav bar boxes in a different random order as well as to a white box behind the spry navigation bar.

    All works fine in Chrome, Safari, and Firefox.

    Does anyone know how to solve these problems?

    The site is http://www.phonicsfaster.com

    I would really appreciate help.

    Thank you

    FM

    Do you want to say just do a div boxes style line as I want them to look in a row? What method would you use to make the color change and also enable it to have a direct link? In DW I usually use image swap behavior for a change on mouse over.

  • How to script instead of JPG files SWF files in the XML loader?

    I have a SWF (platform greensock.com) charger and a thumbnail image scroll under it made small image buttons. Each button image has a link that loads a SWF file into the SWF loader above. Here is the code for each button that loads the largest SWF in the charger above:

    Button3.addEventListener(MouseEvent.CLICK, Button3_PlayPopUp);
    
    function Button3_PlayPopUp(event:MouseEvent): void { 
        //setting the sourceVar
        sourceVar="3.swf";
        //making the SWFLoader load
        //as setting the soureVar after the SWFLoader is created won't do anything unlesss 
        //I also re-create the SWFLoader with the new sourceVar when the button is clicked
        loader_howToLoader2.url = sourceVar;
        loader_howToLoader2.load(true);
        
    }
    

    Then I decided to load all the button via the XML loader. I followed the tutorial on XML Chargers which deals with loading jpg images, and by assigning the URL links to them as follows in the XML file:

    <image src="appThmb_imgs/appThmb_imgs117x175/A-illuminatorUpLit_117x175.jpg" title="UpDownGlowingVase" url="http://www.888acolyte.com"/>
    
    

    and then in AS3 like this:

    var xmlLoader:URLLoader = new URLLoader();
    
    thisOne.link = imageList[item].attribute("url");
    
    
    
    function clickScrollerItem(e:MouseEvent):void {
     //trace("clicked item " + e.currentTarget.itemNum + " - visit url: " + e.currentTarget.link);
     var urlRequest:URLRequest = new URLRequest(e.currentTarget.link);
     try {
     navigateToURL(urlRequest);
     }
     catch (e:Error) {
     // handle error here
     trace(e);
     }
    }
    

    My question is: How can I ask for the code to every each small button thumbnail to load a larger image in the SWF loader above? I have to add something to the XML file or this way, it will never work with jpg images? URL in the adjustable XML source var (//setting the sourceVar), because they are all individual and somehow then apply taken SWL loader to load the game (//making load SWFLoader) as a standard somewhere in the AS3 code?

    Yes, you did.  I missed that.

    If you have used the link instead of urlString:

    function clickScrolleritem(e:MouseEvent):void {}

      loader_howToLoader2.url = MovieClip(e.currentTarget).link;
        loader_howToLoader2.load(true);

    }

  • Help with insert or import swf file in the model of the open fla file

    Can someone show me how insert or import a swf file in the template fla file.

    I have a FLA open temple and after importing a SWF file, run the test and the swf file does not work.

    Did I miss something?

    Thank you

    Import a swf in a fla is not the way to get to each other.  Any actionscript in a swf file is lost.  You need to load the file swf dynamically either or you must copy the timeline of the FLA that the swf is made from to the other fla.

  • by using the recordset navigation bar

    I have a really weird situation. I can view my recordset navigation bar in the view of real-time data of DW 8, but when I hit F12 to load the page in my browser will not display the recordset navigation bar. What's really weird is that when I check the output of the source HTML < a > code for the next anchor in last interface is clearly present. As you can see by looking at the html code, the tags are all lined up but just refuse to display in the browser.
    Can someone advise?

    Kevin

    problem solved took a few tries, but the code has finally taken.
    No idea why it wouldn't take the first 4 times I did

    Kevin

  • How to set the service Navigation bar icon

    Hi all

    I use jdev 11.1.2.4.0

    I have created an application which have two features my question is, how put icon on Navigation bar for these features?

    I created a folder public html-> resources-> images (where there are images of icons)

    but when I go to put the Navigation icon by using the Browse button is not shown my file.

    Thank you

    Manish

    Sorry my mistake...

    I was clicking on the "Lifecycle event listener" icon just above the Navigation button icon browse by mistake.

    Thank you for helping me.

  • How to remove the tab navigation bar coupon marvel

    I got a tab "CM"coupon wonder on my Firefox navigation bar." Then, after a few days even once installed, I love Firefox, but it's still there. I need your help for solvent this "CM".

    If she refuses to stay deleted;

    Sometimes a problem with Firefox can be a result of malware installed on your computer, you may not be aware of.

    You can try these free programs to search for malicious software that work with your existing anti-virus software:

    Microsoft Security Essentials is a good permanent antivirus for Windows 7/Vista/XP, if you do not already have one.

    More information can be found in the article troubleshooting Firefox problems caused by malware .

    This solve your problems? Please report to us!

  • How can I put the old navigation bar in Firefox 4.0?

    I installed FF4 when the final version has been released, and, like many other users, I find the new UI very frustrating.

    I managed to deal with tabs, the menu and the status bar. But I can't deal with the navigation bar. Not only I want to rearrange the buttons to make them ordered as before, but also I want to see them look like before. Not these color Chrome/Safari-like keys, but the buttons quite bluish I have FF 3.6.x.
    Also, I would like to have 'Reload' and 'Stop' buttons separated, as they were before.

    So, is it possible to FF4 looks not like I want it, or is the only way to stay on FF3.6 (which I have already returned to)?

    Thank you

    PS: this is all about the version of Windows Vista, because I don't know what FF looks like on a different OS.

    To separate the stop and reload buttons, right-click on a toolbar and select Customize, you can then drag the stop or reload buttons and place them elsewhere. If you place them in the order 'Reload-Stop' on the right side of the address bar they will be together again. For more information about customizing the toolbar, see https://support.mozilla.com/kb/How+to+customize+the+toolbar

    You can change the appearance of the buttons with Firefox 3 theme for Firefox 4 theme - https://addons.mozilla.org/firefox/addon/firefox-3-theme-for-firefox

Maybe you are looking for