AP Div Layering

I have several overlapping AP Div's and would like to move
one to the front. I coudln't find any documentation on this.

Look up "z-index" or "stacking order" in the DW Help files.
Regards
John Waller

Similar Messages

  • AP Divs (layers) move when I open my website on different window size.

    First of all, this is my first time trying to make a website.
    I'm doing an assignment for my class and i found it difficult for me to fix. I have spend 4-5 hours researching online but nothing work for me.
    Well,the problem is the AP Divs (layers) move when I open my website on different window size(iphone,ipad).
    The website only look right on 1366 x 786 resolution. Please take a look at my 2 pics below:
    And I don't know how to make the website to fit on the iphone and ipad so that I don't have to scroll down or sroll to the right to view the whole thing.
    Please someone help me!
    The code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="viewport" content="width=device-width" />
    <title>Boston Green Community College</title>
    <style type="text/css">
    <!--
    body {
        background-color: #3f7244;
        padding: 0;
        color: #8d0101;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 100%;
        line-height: 1.4;
    /* ~~ Element/tag selectors ~~ */
    ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
        padding: 0;
        margin: 0;
    h1, h2, h3, h4, h5, h6, p {
        margin-top: 0;     /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
        padding-right: 15px;
        padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
    a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
        border: none;
    /* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
    a:link {
        color: #003702;
        text-decoration: NONE; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
    a:visited {
        color: #028b66;
        text-decoration: underline;
    a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
        text-decoration: none;
    /* ~~ this fixed width container surrounds the other divs ~~ */
    .container {
        width: 960px;
        background-color: #FFF;
        margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
    /* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
    .header {
        background-color: #ADB96E;
    /* ~~ This is the layout information. ~~
    1) Padding is only placed on the top and/or bottom of the div. The elements within this div have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
    .content {
        padding: 0px 0;
    /* ~~ The footer ~~ */
    .footer {
        padding: 10px 0;
        background-color: #CCC49F;
    /* ~~ miscellaneous float/clear classes ~~ */
    .fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
        float: right;
        margin-left: 8px;
    .fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
        float: left;
        margin-right: 8px;
    .clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
        clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    #apDiv1 {
        position: absolute;
        width: 251px;
        height: 101px;
        z-index: 1;
        left: 871px;
        top: 10px;
    #apDiv2 {
        position: absolute;
        width: 228px;
        height: 60px;
        z-index: 2;
        left: 9px;
        top: 1397px;
    #apDiv3 {
        position: absolute;
        width: 273px;
        height: 198px;
        z-index: 2;
        left: 851px;
        top: 383px;
    #apDiv4 {
        position: absolute;
        width: 200px;
        height: 115px;
        z-index: 3;
        left: 242px;
        top: 120px;
    #apDiv5 {
        position: absolute;
        width: 200px;
        height: 115px;
        z-index: 4;
        left: 902px;
        top: 178px;
    #apDiv6 {
        position: absolute;
        width: 200px;
        height: 115px;
        z-index: 4;
        left: 857px;
        top: 171px;
    #apDiv7 {
        position: absolute;
        width: 200px;
        height: 115px;
        z-index: 4;
        left: 455px;
        top: 547px;
    #apDiv8 {
        position: absolute;
        width: 200px;
        height: 115px;
        z-index: 4;
        left: 853px;
        top: 113px;
    #apDiv9 {
        position: absolute;
        width: 200px;
        height: 115px;
        z-index: 5;
        left: 853px;
        top: 246px;
    #apDiv10 {
        position: absolute;
        width: 200px;
        height: 115px;
        z-index: 6;
        left: 513px;
        top: 121px;
    #apDiv11 {
        position: absolute;
        width: 200px;
        height: 115px;
        z-index: 6;
        left: 511px;
        top: 123px;
    -->
    </style></head>
    <body>
    <div class="container">
      <div class="header"><a href="#"><img src="Pictures/34d-1.png" alt="Insert Logo Here" name="Insert_logo" width="619" height="90" id="Insert_logo" style="background-color: #C6D580; display:block;" />
        <div id="apDiv11"><font color="#f4f1f1">
    <script type="text/javascript">
    var d=new Date()
    var weekday=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
    var monthname=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
    document.write(weekday[d.getDay()] + " ")
    document.write(d.getDate() + ". ")
    document.write(monthname[d.getMonth()] + " ")
    document.write(d.getFullYear())
    </script></font>
    </div>
        <div id="apDiv1">
      <!-- Use of this code assumes agreement with the Google Custom Search Terms of Service. -->
      <!-- The terms of service are available at http://www.google.com/cse/docs/tos.html -->
      <form name="cse" id="searchbox_demo" action="http://www.google.com/cse">
      <input type="hidden" name="cref" value="" />
      <input type="hidden" name="ie" value="utf-8" />
      <input type="hidden" name="hl" value="" />
      <input name="q" type="text" size="40" />
      <input type="submit" name="sa" value="Search" />
    </form>
    <script type="text/javascript" src="http://www.google.com/cse/tools/onthefly?form=searchbox_demo&lang="></script>
                                  </div>
                                    </div>
      <div class="content">
        <center><img src="Pictures/DFDF11.png" width="959" height="556" longdesc="Pictures/junior-2-960x.jpg" /></h1></center>
      <!-- end .content --></div>
      <div class="footer">
         <img src="Pictures/RRR1.png" width="202" height="70" />
         <div id="apDiv3">
           <p> </p>
           <p><a href="Job.html">Jobs</a>         </p>
           <p><a href="Art Gallery.html">Art Gallery</a>         </p>
           <p><a href="Contact us.html">Contact Us </a></p>
        </div>
        <div id="apDiv4"><center>
    <P>About</P>
    <a href="visiting.html">visiting</a> | <a href="Map.html">maps </a>| <P><a href="About.html">about BGCC</a></P>
    <P>Academic</P>
    <P><a href="Courses.html">schools+courses</a></P>
    <P>Admissions  </P>
    <P><a href="cost & aid basics.html">cost & aid basics </a>| <a href="Apply now.html">join BGCC</a>
    <P>Studen Life</P>
    <P><a href="Athletics.html">Athletics</a></P>
    <P>Greenforce Education</P>
    <P><a href="Career.html">career center</a></P>
    </center> </div>
         <p><font size="2" color="black">BGCC | 99 GreenField | Boston, MA 02199 |617-0101-1000| TTY 617-0202-9944|</font></p>
        <div id="apDiv9"><a href="Donate.html" target="_blank"><a href="Donate.html"><img src="Pictures/three-green-logo.jpg" width="218" height="99" longdesc="Pictures/three-green-logo.jpg" /></div>
        <div id="apDiv8"><a href="Apply now.html" target="_blank"><a href="Apply now.html">
    <img border="0" src="Pictures/cxgvxdvxgd.jpg" alt="Apply Now" width="218" height="99"></a></div>
      <!-- end .footer --></div>
      <!-- end .container --></div>
    </body>
    </html>

    That's what APDivs do.  This is the single most common problem new people have with web page layouts.  DO NOT use positioning.  You don't need it.  Start over.  Learn to use CSS floats, margins and padding to align elements. 
    Below is a basic HTML5 Layout.  View source in browser to see the code.
    http://www.alt-web.com/sandbox/HTML5-BasicLayout.html
    Nancy O.

  • Issue with images and AP div layers

    Im a bit of a noobie. but i have a problem with this website
    im working on. I have a table with an image in it serving as a
    background for some text i wish to put into it. I use an AP Div
    layer to put in the text on top of the image. Of course when i open
    the page in a full window, it displays properly, but when resizing
    the window, the text shifts as a cause of the div layer not
    moving... Is there a way to fix this or another way to do this
    properly?
    thanks in advance.

    This is a problem with absolute positioned tags it's a CSS
    thing not a Dreamweaver problem.
    You should be staying from layers and using hand CSS with
    divs ID and class. Check out the adobe site for tutorials on using
    Dreamweaver with CSS. You should find these in the designer
    section. They are quite good and they'll give you what you're
    looking for
    Also a good book on this is CSS the Missing Manaul it really
    explains what's happening and going on here

  • Div Layers move in firefox and safari

    I am a newbie. The problem is : I have one layer containing
    an inserted background box and another layer on top with text to
    fit in it. Everything looks fine on my screen but the layer
    containing the text slips down about 26 pix. I have tried
    everything I know - absolute, relative, nested, un nested - all
    with the same result. Help!

    > I have tried everything I know - absolute, relative,
    nested, un nested -
    > all with the same result.
    Stop 'flailing' and start learning. Until you understand CSS
    positioning,
    you should stay away from 'layers' or anything using
    positioning.
    Let's see your page's code, please.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "Dottydog" <[email protected]> wrote in
    message
    news:fvpjsj$98d$[email protected]..
    >I am a newbie. The problem is : I have one layer
    containing an inserted
    > background box and another layer on top with text to fit
    in it. Everything
    > looks fine on my screen but the layer containing the
    text slips down about
    > 26
    > pix. I have tried everything I know - absolute,
    relative, nested, un
    > nested -
    > all with the same result. Help!
    >

  • Using Divs/Layers - am I going in the right direction?

    Decided to give divs a try and get away from tables cause
    everyone says I
    should :-)
    Teaching myself from scratch about them and just wanted
    guidance on how it
    is going so far.
    I am trying to construct my template and have created one
    test page.
    http://www.mmmcommentaries.com/test/index.htm
    I am creating the site by just setting up a div for each area
    - main body,
    menu, banner.
    Is this the right way to do it or is there a better way? I
    suppose I am
    still thinking like a tables user in that I am setting up a
    cell (div) for
    each item.

    If you remove this line -
    <?xml version="1.0" encoding="iso-8859-1"?>
    your page will render in Standards mode in IE, rather than
    quirks mode. You
    don't need that line currently, so it's safe to delete.
    Your concern about the menu is well placed. Horizontal menus
    always run the
    risk of breaking when the text is resized in the browser.
    Yours will too.
    But, to spread things out a bit, you need to manage the
    padding and the
    width of the div#nav ul li a rule.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "Koenig" <[email protected]> wrote in
    message
    news:e3rn3o$54h$[email protected]..
    > Thanks very much for those links - spent an interesting
    morning teaching
    > myself this (I think!)
    >
    > I am hoping you can help me with a small problem.
    >
    > I have a menu bar on it now - just as simple thing but I
    want to make the
    > text for the menu items bigger without making the items
    run onto two
    > lines.
    >
    > There seems to be plenty of space on the line for them
    to sit but I have
    > played around with the settings and forthe life of me
    can't work it out.
    >
    >
    http://www.mmmcommentaries.com/test/index.htm
    >
    > Thx
    > Trev.
    >
    >

  • Which ar ebest tables or div layers

    I have heard it's better working with divs, but sometimes
    it's difficult, anyone can point out pros and cons? Thanks

    Search here -
    http://groups.google.com/advanced_group_search?q=+group:macromedia.dreamweaver
    There are hundreds of posts discussing this issue.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "serg2049" <[email protected]> wrote in
    message
    news:e3u9ps$j1n$[email protected]..
    >I have heard it's better working with divs, but sometimes
    it's difficult,
    >anyone can point out pros and cons? Thanks

  • Two flash movies index problem while in different div

    hi,
    i have created a page and i use peelawayad file which is in
    flash. i was already using two div on home page which contains
    flash movies. but now when i placed peelawayad flash movie on home
    page. it appears on bottom of both div layers. i tired my best with
    stylesheet. z-index and many other tricks which i know best. but
    still not able to sucess. can someone help me to getride of this
    issue. help would be appriciated. thanks
    here is the current site link which has the flash movies
    embeded.
    http://www.visionetsystems.com/test/
    for movies already in home page has following tags and
    script.
    <script type="text/javascript">
    var FO = { movie:"visionet/visionetindexbuttn2.swf",
    width:"764", height:"41", majorversion:"8", build:"0",
    id:"flashmovie", menu:"0", flashvars:"rootPath=/"};
    UFO.create(FO, "quicklinks01");
    </script>
    <div id="quicklinks01" style="z-index:4;"><img
    src="images/visionetindexbuttn2.jpg" width="764" height="41"
    border="0" usemap="#Map3"></div>
    <script type="text/javascript">
    var FO = { movie:"swf/vsi_technology.swf", width:"764",
    height:"229", majorversion:"8", build:"0", id:"flashmovie",
    menu:"0", flashvars:"rootPath=/"};
    UFO.create(FO, "casestudy");
    </script>
    <div id="casestudy" style="z-index:3;"><img
    src="images/vsihome.jpg" width="764" height="229" border="0"
    usemap="#Map2"></div>
    and peelaway ad has the following JS file which create the
    peelawayad on right top corner.
    Das Copyright dieses Scriptes liegt beim Autor.
    Bitte die Lizenzbedingungen beachten, und ausgefüllt
    zurücksenden.
    var esel = new Object();
    MODIFY TARGET URL
    esel.ad_url = escape('
    http://events.mortgagebankers.org/servicing2008/register');
    // Change URL to be redirected to when clicking Peel Away Ad
    END TARGET URL
    esel.small_path = 'swf/esel_s.swf'; // Enter the URL of the
    Peel Away Corner Flash
    esel.small_image = escape('images/expo100.jpg'); // URL of
    the Image behind the Peel
    esel.big_path = 'swf/esel_b.swf'; // Enter the URL of the
    Large Peel Away Corner
    esel.big_image = escape('images/expo.jpg'); // URL of the Big
    Image Behind the Peel
    // Do NOT Change anything under this
    line---------------FINISHED----STOP------------------------------------------------------ ----
    esel.small_width = '100';
    esel.small_height = '100';
    esel.small_params = 'ico=' + esel.small_image;
    esel.big_width = '650';
    esel.big_height = '650';
    esel.big_params = 'big=' + esel.big_image + '&ad_url=' +
    esel.ad_url;
    function sizeup987(){
    document.getElementById('eselcornerBig').style.top = '0px';
    document.getElementById('eselcornerSmall').style.t op =
    '-1000px';
    function sizedown987(){
    document.getElementById("eselcornerSmall").style.t op =
    "0px";
    document.getElementById("eselcornerBig").style.top =
    "-1000px";
    esel.putObjects = function () {
    document.write('<div id="eselcornerSmall"
    style="position:absolute;width:'+ esel.small_width +'px;height:'+
    esel.small_height +'px;z-index:5;right:0px;top:0px;">');
    document.write('<object
    classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000"');
    document.write('codebase="
    http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"');
    document.write(' id="eselcornerSmallObject"
    width="'+esel.small_width+'" height="'+esel.small_height+'">');
    document.write(' <param name="allowScriptAccess"
    value="always"/> ');
    document.write(' <param name="movie" value="'+
    esel.small_path +'?'+ esel.small_params +'"/>');
    document.write(' <param name="wmode" value="transparent"
    />');
    document.write(' <param name="quality" value="high" />
    document.write(' <param name="FlashVars"
    value="'+esel.small_params+'"/>');
    document.write('<embed src="'+ esel.small_path + '?' +
    esel.small_params +'" name="eselcornerSmallObject"
    wmode="transparent" quality="high" width="'+ esel.small_width +'"
    height="'+ esel.small_height +'" flashvars="'+ esel.small_params
    +'" allowscriptaccess="always" type="application/x-shockwave-flash"
    pluginspage="
    http://www.macromedia.com/go/getflashplayer"></embed>');
    document.write('</object></div></script>');
    document.write('<div id="eselcornerBig"
    style="position:absolute;width:'+ esel.big_width +'px;height:'+
    esel.big_height +'px;z-index:5;right:0px;top:0px;">');
    document.write('<object
    classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000"');
    document.write('codebase="
    http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"');
    document.write(' id="eselcornerBigObject" width="'+
    esel.big_width +'" height="'+ esel.big_height +'">');
    document.write(' <param name="allowScriptAccess"
    value="always"/> ');
    document.write(' <param name="movie" value="'+
    esel.big_path +'?'+ esel.big_params +'"/>');
    document.write(' <param name="wmode"
    value="transparent"/>');
    document.write(' <param name="quality" value="high" />
    document.write(' <param name="FlashVars" value="'+
    esel.big_params +'"/>');
    document.write('<embed src="'+ esel.big_path + '?' +
    esel.big_params +'" id="eselcornerBigEmbed"
    name="eselcornerBigObject" wmode="transparent" quality="high"
    width="'+ esel.big_width +'" height="'+ esel.big_height +'"
    flashvars="'+ esel.big_params +'" swliveconnect="true"
    allowscriptaccess="always" type="application/x-shockwave-flash"
    pluginspage="
    http://www.macromedia.com/go/getflashplayer"></embed>');
    document.write('</object></div>');
    setTimeout('document.getElementById("eselcornerBig
    ").style.top = "-1000px";',1000);
    esel.putObjects();
    i am also attaching all files in zip with this thread.
    Source
    Zip File
    thanks
    Shahid Hussain

    Hi users,
    Thanks for reply.
    Actually the problem is -
    For portrait dimensions are -
    width 20
    height 30
    for landscape , obviously it will be
    width - 30
    height - 20
    Thus , for second page - table width is 20 while page width is 30 and so 10 cm space remains blank on right side of page
    user says that right side should not be blank, rather you extend table width to whole page width.
    thats where the problem is

  • Dweaver:.jpg rollover activates .swf in seperate AP-Div

    Thursday, May 15th, 2008: 7:22pm PDT
    Hi,
    I'm using Dreamweaver CS3 and I have built separate Flash CS3
    .swf movie clip files that are contained (one at a time) in the
    center of the page by an AP-Div Tag on my web page. Around the
    center AP-Div tag are eight (8) small .jpeg thumbnails of the Flash
    .swf movie clips they represent. I am trying to create eight (8)
    disjointed rollovers that swap out the .jpg for the .swf in the
    center.
    I want to hover over the small .jpeg (still image) and have
    Dreamweaver javascript swap out one .swf file for the one being
    hovered over. I cannot get this to happen. Dreamweaver CS3 will not
    swap out the .swf using the Behavior Attributes palette
    "Swap-Out/Restore" feature.
    How can I accomplish this task?
    P.S.: On the other hand, a simple disjointed static
    .jpeg-to-.jpeg works fine.
    LightningF22

    Div tags 98-101 are positioned in the right place when I'm looking at my page in Dreamweaver. But when I preview the page, those 4 div tags are not where they're supposed to be
    I thought I was reading it wrong, but you really do have 101 AP divs on the page. I don't have the time to go through your code, but using absolutely positioned divs as the sole basis for page layout is likely to lead to massive problems. AP divs (or layers, as they used to be called) were all the rage several years ago, because people wrongly thought they would make web pages work like desktop publishing. I used them, too, until I realized they caused massive problems.
    It won't solve your current problem, I'm afraid, but I recommend that you take a look at the following page, which describes some of the problems with AP div/layers: http://apptools.com/examples/pagelayout101.php.

  • AP Div tag's absolute postioning not working

    I have been trying to figure this problem out for about 2 hours and I have nothing. Div tags 98-101 are positioned in the right place when I'm looking at my page in Dreamweaver. But when I preview the page, those 4 div tags are not where they're supposed to be (they're in the bottom right of the page, hundreds of pixels from where they're supposed to be). Any ideas?
    Here's the code if it will help. Sorry its really long.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>SSR Shop!</title>
    <style type="text/css">
    <!--
    #apDiv1 {
        position:absolute;
        width:771px;
        height:186px;
        z-index:6;
        left: 232px;
        top: 121px;
    #apDiv2 {
        position:absolute;
        width:635px;
        height:774px;
        z-index:1;
        left: 299px;
        top: 368px;
        overflow: hidden;
    #apDiv3 {
        position:absolute;
        width:600px;
        height:30px;
        z-index:2;
        left: 315px;
        top: 514px;
    #apDiv4 {
        position:absolute;
        width:79px;
        height:22px;
        z-index:2;
        left: 307px;
        top: 48px;
        overflow: hidden;
        visibility: visible;
    #apDiv5 {
        position:absolute;
        width:86px;
        height:23px;
        z-index:8;
        left: 440px;
        top: 47px;
        visibility: visible;
    #apDiv6 {
        position:absolute;
        width:171px;
        height:33px;
        z-index:4;
        left: 539px;
        top: 44px;
        visibility: visible;
    #apDiv7 {
        position:absolute;
        width:185px;
        height:28px;
        z-index:5;
        left: 317px;
        top: 77px;
        visibility: visible;
    #apDiv8 {
        position:absolute;
        width:186px;
        height:36px;
        z-index:6;
        left: 520px;
        top: 79px;
        visibility: visible;
    #apDiv9 {
        position:absolute;
        width:200px;
        height:115px;
        z-index:7;
        left: 757px;
        top: 29px;
    #apDiv10 {
        position:absolute;
        width:161px;
        height:91px;
        z-index:7;
        left: 778px;
        top: 9px;
        visibility: visible;
    body {
        background-color: #000000;
    #apDiv11 {
        position:absolute;
        width:211px;
        height:250px;
        z-index:8;
        left: 14px;
        top: 17px;
    #apDiv12 {
        position:absolute;
        width:146px;
        height:103px;
        z-index:8;
        left: 301px;
        top: 349px;
    #apDiv13 {
        position:absolute;
        width:200px;
        height:120px;
        z-index:9;
        left: 463px;
        top: 348px;
    #apDiv14 {
        position:absolute;
        width:227px;
        height:115px;
        z-index:10;
        left: 1013px;
        top: 519px;
    #apDiv15 {
        position:absolute;
        width:200px;
        height:115px;
        z-index:11;
        left: 297px;
        top: 335px;
    #apDiv16 {
        position:absolute;
        width:120px;
        height:86px;
        z-index:1;
        left: 15px;
        top: 18px;
    #apDiv17 {
        position:absolute;
        width:262px;
        height:104px;
        z-index:2;
        left: 140px;
        top: 19px;
    #apDiv18 {
        position:absolute;
        width:128px;
        height:122px;
        z-index:12;
        left: 1012px;
        top: 354px;
    #apDiv19 {
        position:absolute;
        width:214px;
        height:33px;
        z-index:13;
        left: 1013px;
        top: 317px;
    #apDiv20 {
        position:absolute;
        width:134px;
        height:30px;
        z-index:14;
        left: 1011px;
        top: 484px;
    #apDiv21 {
        position:absolute;
        width:123px;
        height:86px;
        z-index:3;
        left: 14px;
        top: 148px;
    #apDiv22 {
        position:absolute;
        width:207px;
        height:114px;
        z-index:4;
        left: 145px;
        top: 138px;
        overflow: hidden;
    #apDiv23 {
        position:absolute;
        width:237px;
        height:257px;
        z-index:15;
        left: 714px;
        top: 335px;
    #apDiv24 {
        position:absolute;
        width:159px;
        height:25px;
        z-index:5;
        left: 459px;
        top: 6px;
    #apDiv25 {
        position:absolute;
        width:138px;
        height:80px;
        z-index:16;
        left: 772px;
        top: 349px;
    #apDiv26 {
        position:absolute;
        width:200px;
        height:115px;
        z-index:17;
        left: 736px;
        top: 445px;
    #apDiv27 {
        position:absolute;
        width:200px;
        height:115px;
        z-index:1;
        left: 234px;
        top: 6px;
        visibility: visible;
    #apDiv28 {
        position:absolute;
        width:200px;
        height:115px;
        z-index:9;
        top: 112px;
        left: 236px;
        visibility: visible;
    #apDiv29 {
        position:absolute;
        width:402px;
        height:491px;
        z-index:19;
        left: 410px;
        top: 175px;
    #apDiv30 {
        position:absolute;
        width:675px;
        height:76px;
        z-index:1;
        left: 49px;
        top: 605px;
    #apDiv31 {
        position:absolute;
        width:200px;
        height:73px;
        z-index:19;
        left: 285px;
        top: 614px;
    #apDiv32 {
        position:absolute;
        width:231px;
        height:300px;
        z-index:19;
        left: 1px;
        top: 2px;
    #apDiv33 {
        position:absolute;
        width:230px;
        height:100px;
        z-index:19;
        left: 3px;
        top: -2px;
    #apDiv34 {
        position:absolute;
        width:200px;
        height:115px;
        z-index:1;
        left: 8px;
        top: 160px;
    #apDiv35 {
        position:absolute;
        width:265px;
        height:293px;
        z-index:19;
        left: -33px;
        top: 14px;
    #apDiv36 {
        position:absolute;
        width:233px;
        height:295px;
        z-index:19;
        left: 106px;
        top: 100px;
    #apDiv37 {
        position:absolute;
        width:200px;
        height:115px;
        z-index:19;
        left: 282px;
        top: 611px;
    #apDiv {
        position:absolute;
        width:197px;
        height:28px;
        z-index:4;
        left: 539px;
        top: 367px;
        background-color: #000000;
    #apDiv38 {    position:absolute;
        width:241px;
        height:58px;
        z-index:3;
        left: 487px;
        top: 323px;
    #apDiv39 {    position:absolute;
        width:603px;
        height:27px;
        z-index:5;
        left: 300px;
        top: 493px;
    #apDiv40 {    position:absolute;
        width:601px;
        height:792px;
        z-index:3;
        left: 316px;
        top: 356px;
    #apDiv41 {    position:absolute;
        width:200px;
        height:115px;
        z-index:4;
        left: 188px;
        top: 603px;
    #apDiv42 {    position:absolute;
        width:200px;
        height:115px;
        z-index:4;
        left: 62px;
        top: 456px;
    #apDiv43 {    position:absolute;
        width:185px;
        height:28px;
        z-index:4;
        left: 182px;
        top: 5px;
    #apDiv44 {    position:absolute;
        width:601px;
        height:792px;
        z-index:3;
        left: 316px;
        top: 356px;
    #apDiv45 {
        position:absolute;
        width:671px;
        height:733px;
        z-index:19;
        left: 291px;
        top: 331px;
    #apDiv46 {
        position:absolute;
        width:676px;
        height:103px;
        z-index:20;
        left: 283px;
        top: 313px;
    #apDiv47 {
        position:absolute;
        width:580px;
        height:332px;
        z-index:21;
        left: 333px;
        top: 473px;
    #apDiv48 {
        position:absolute;
        width:584px;
        height:329px;
        z-index:22;
        left: 329px;
        top: 467px;
    #apDiv49 {
        position:absolute;
        width:207px;
        height:245px;
        z-index:10;
        left: 13px;
        top: 306px;
        visibility: visible;
    #apDiv50 {
        position:absolute;
        width:440px;
        height:233px;
        z-index:1;
        left: 506px;
        top: 918px;
        background-color: #000000;
        overflow: hidden;
        outline-color: #CCCCCC;
        outline-style: solid;
        outline-width: 2px;
        border-color: #CCCCCC;
        border-width: 2px;
        border-style: solid;
    #apDiv51 {
        position:absolute;
        width:201px;
        height:233px;
        z-index:2;
        left: 293px;
        top: 918px;
        background-color: #666666;
        outline-color: #CCCCCC;
        outline-style: solid;
        outline-width: 2px;
        border-color: #CCCCCC;
        border-style: solid;
        border-width: 2px;
    #apDiv52 {
        position:absolute;
        width:200px;
        height:115px;
        z-index:3;
        left: 310px;
        top: 958px;
    #apDiv53 {
        position:absolute;
        width:108px;
        height:41px;
        z-index:23;
        left: 389px;
        top: 982px;
    #apDiv54 {
        position:absolute;
        width:200px;
        height:115px;
        z-index:3;
    #apDiv55 {
        position:absolute;
        width:112px;
        height:41px;
        z-index:23;
        left: 389px;
        top: 1132px;
    }td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}
    #apDiv56 {
        position:absolute;
        width:212px;
        height:251px;
        z-index:3;
        left: -223px;
        top: 567px;
        visibility: visible;
    }td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}
    #apDiv57 {
        position:absolute;
        width:361px;
        height:174px;
        z-index:4;
        left: 274px;
        top: 973px;
    #apDiv58 {
        position:absolute;
        width:207px;
        height:287px;
        z-index:1;
        left: -317px;
        top: -460px;
    #apDiv59 {
        position:absolute;
        width:211px;
        height:369px;
        z-index:23;
        left: 7px;
        top: 836px;
    #apDiv60 {
        position:absolute;
        width:213px;
        height:268px;
        z-index:24;
        left: -496px;
        top: -357px;
    #apDiv61 {
        position:absolute;
        width:665px;
        height:150px;
        z-index:22;
        left: 288px;
        top: 919px;
    #apDiv62 {
        position:absolute;
        width:664px;
        height:250px;
        z-index:25;
        left: 297px;
        top: 921px;
        overflow: hidden;
    #apDiv63 {
        position:absolute;
        width:200px;
        height:115px;
        z-index:26;
        left: 11px;
        top: 565px;
    #apDiv64 {
        position:absolute;
        width:200px;
        height:764px;
        z-index:27;
        left: 1025px;
        top: 10px;
    #apDiv65 {
        position:absolute;
        width:200px;
        height:413px;
        z-index:28;
        left: 1026px;
        top: 782px;
    #apDiv66 {
        position:absolute;
        width:655px;
        height:115px;
        z-index:24;
        left: 291px;
        top: 927px;
    #apDiv67 {
        position:absolute;
        width:160px;
        height:115px;
        z-index:23;
        left: 294px;
        top: 317px;
    #apDiv68 {
        position:absolute;
        width:200px;
        height:115px;
        z-index:24;
        left: 294px;
        top: 500px;
    #apDiv69 {
        position:absolute;
        width:200px;
        height:115px;
        z-index:24;
        left: 486px;
        top: 320px;
    #apDiv70 {
        position:absolute;
        width:186px;
        height:219px;
        z-index:11;
        left: 339px;
        top: 416px;
        color: #FFFFFF;
        background-color: #CF000C;
        visibility: visible;
    #apDiv71 {
        position:absolute;
        width:186px;
        height:219px;
        z-index:12;
        left: 527px;
        top: 416px;
        visibility: visible;
    #apDiv72 {
        position:absolute;
        width:186px;
        height:219px;
        z-index:13;
        left: 715px;
        top: 416px;
        background-color: #CF000C;
        visibility: visible;
    #apDiv73 {
        position:absolute;
        width:186px;
        height:219px;
        z-index:14;
        left: 339px;
        top: 637px;
        visibility: visible;
    #apDiv74 {
        position:absolute;
        width:186px;
        height:219px;
        z-index:15;
        left: 527px;
        top: 637px;
        background-color: #CF000C;
        visibility: visible;
    #apDiv75 {
        position:absolute;
        width:186px;
        height:219px;
        z-index:16;
        left: 715px;
        top: 637px;
        visibility: visible;
    #apDiv76 {
        position:absolute;
        width:186px;
        height:219px;
        z-index:17;
        left: 339px;
        top: 857px;
        background-color: #CF000C;
        visibility: visible;
    #apDiv77 {
        position:absolute;
        width:186px;
        height:219px;
        z-index:18;
        left: 527px;
        top: 857px;
        visibility: visible;
    #apDiv78 {
        position:absolute;
        width:186px;
        height:219px;
        z-index:19;
        left: 714px;
        top: 857px;
        background-color: #CF000C;
        visibility: visible;
    #apDiv79 {
        position:absolute;
        width:186px;
        height:219px;
        z-index:32;
        left: 339px;
        top: 978px;
    #apDiv80 {
        position:absolute;
        width:186px;
        height:154px;
        z-index:20;
        left: 339px;
        top: 419px;
        visibility: visible;
    #apDiv81 {
        position:absolute;
        width:186px;
        height:30px;
        z-index:21;
        left: 340px;
        top: 574px;
        visibility: visible;
    .style16 {
        font-size: 24px;
        color: #FFFFFF;
        font-weight: bold;
    #apDiv82 {
        position:absolute;
        width:200px;
        height:115px;
        z-index:35;
    #apDiv83 {
        position:absolute;
        width:187px;
        height:51px;
        z-index:22;
        left: 339px;
        top: 601px;
        visibility: visible;
    #apDiv84 {
        position:absolute;
        width:186px;
        height:115px;
        z-index:23;
        left: 528px;
        top: 420px;
        visibility: visible;
    #apDiv85 {
        position:absolute;
        width:186px;
        height:32px;
        z-index:24;
        left: 527px;
        top: 574px;
        visibility: visible;
    .style17 {
        font-size: 24px;
        color: #FFFFFF;
    #apDiv86 {
        position:absolute;
        width:186px;
        height:63px;
        z-index:25;
        left: 527px;
        top: 601px;
        visibility: visible;
    #apDiv87 {
        position:absolute;
        width:675px;
        height:44px;
        z-index:26;
        left: 284px;
        top: 1136px;
        visibility: visible;
    #apDiv88 {
        position:absolute;
        width:186px;
        height:115px;
        z-index:27;
        left: 715px;
        top: 420px;
        visibility: visible;
    #apDiv89 {
        position:absolute;
        width:186px;
        height:30px;
        z-index:28;
        left: 715px;
        top: 574px;
        visibility: visible;
    .style18 {font-size: 24px; color: #FFFFFF; font-weight: bold; font-style: italic; }
    .style19 {font-size: 22px}
    #apDiv90 {
        position:absolute;
        width:187px;
        height:69px;
        z-index:29;
        left: 715px;
        top: 601px;
        visibility: visible;
    #apDiv91 {
        position:absolute;
        width:186px;
        height:137px;
        z-index:30;
        left: 339px;
        top: 644px;
        visibility: visible;
    #apDiv92 {
        position:absolute;
        width:186px;
        height:151px;
        z-index:31;
        left: 527px;
        top: 644px;
        visibility: visible;
    #apDiv93 {
        position:absolute;
        width:186px;
        height:151px;
        z-index:32;
        left: 715px;
        top: 644px;
        visibility: visible;
    #apDiv94 {
        position:absolute;
        width:186px;
        height:30px;
        z-index:33;
        left: 339px;
        top: 795px;
        visibility: visible;
    .style20 {
        font-size: 20px;
        color: #FFFFFF;
        font-weight: bold;
        font-style: italic;
    #apDiv95 {
        position:absolute;
        width:186px;
        height:32px;
        z-index:34;
        left: 527px;
        top: 796px;
        visibility: visible;
    .style21 {
        font-size: 20px;
        font-weight: bold;
        font-style: italic;
    .style22 {color: #FFFFFF}
    .style23 {
        font-size: 20px;
        font-style: italic;
    .style25 {font-size: 20px; color: #FFFFFF; }
    #apDiv96 {
        position:absolute;
        width:186px;
        height:34px;
        z-index:35;
        left: 715px;
        top: 796px;
        visibility: visible;
    #apDiv97 {
        position:absolute;
        width:188px;
        height:61px;
        z-index:36;
        left: 339px;
        top: 820px;
        visibility: visible;
    #apDiv98 {
        position:absolute;
        width:186px;
        height:69px;
        z-index:37;
        left: 527px;
        top: 820px;
        visibility: visible;
    #apDiv99 {
        position:absolute;
        width:186px;
        height:56px;
        z-index:38;
        left: 715px;
        top: 820px;
        visibility: visible;
    #apDiv100 {
        position:absolute;
        width:186px;
        height:115px;
        z-index:39;
        left: 339px;
        top: 862px;
        visibility: visible;
    #apDiv101 {
        position:absolute;
        width:187px;
        height:35px;
        z-index:40;
        left: 339px;
        top: 1014px;
        visibility: visible;
    -->
    </style>
    <script src="../main_page/Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
    <script type="text/javascript">
    function MM_CheckFlashVersion(reqVerStr,msg){
      with(navigator){
        var isIE  = (appVersion.indexOf("MSIE") != -1 && userAgent.indexOf("Opera") == -1);
        var isWin = (appVersion.toLowerCase().indexOf("win") != -1);
        if (!isIE || !isWin){ 
          var flashVer = -1;
          if (plugins && plugins.length > 0){
            var desc = plugins["Shockwave Flash"] ? plugins["Shockwave Flash"].description : "";
            desc = plugins["Shockwave Flash 2.0"] ? plugins["Shockwave Flash 2.0"].description : desc;
            if (desc == "") flashVer = -1;
            else{
              var descArr = desc.split(" ");
              var tempArrMajor = descArr[2].split(".");
              var verMajor = tempArrMajor[0];
              var tempArrMinor = (descArr[3] != "") ? descArr[3].split("r") : descArr[4].split("r");
              var verMinor = (tempArrMinor[1] > 0) ? tempArrMinor[1] : 0;
              flashVer =  parseFloat(verMajor + "." + verMinor);
          // WebTV has Flash Player 4 or lower -- too low for video
          else if (userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 4.0;
          var verArr = reqVerStr.split(",");
          var reqVer = parseFloat(verArr[0] + "." + verArr[2]);
          if (flashVer < reqVer){
            if (confirm(msg))
              window.location = "http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash";
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    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])&&d.all) 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_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    </script>
    <script src="../articles/jc/x_division/Scripts/AC_ActiveX.js" type="text/javascript"></script>
    </head>
    <body onload="MM_CheckFlashVersion('9,0,28,0','Content on this page requires a newer version of Adobe Flash Player. Do you want to download it now?\\\\\\\');MM_preloadImages(\\\\\\\'TV_guide/finished/days/wed_r2_c2_f2.gif\\\\\\\',\\ \\\\\'TV_guide/finished/days/thur_r2_c2_f2.gif\\\\\\\',\\\\\\\'TV_guide/finished/days/fri_ r2_c2_f2.gif\\\\\\\',\\\\\\\'TV_guide/finished/days/sat_r2_c2_f2.gif\\\\\\\',\\\\\\\'TV_gu ide/finished/days/sun_r2_c2_f2.gif\\\\\\\',\\\\\\\'TV_guide/finished/days/mon_r2_c2_f2.gif \\\\\\\',\\\\\\\'TV_guide/finished/days/tue_r2_c2_f2.gif\\\\\\\',\\\\\\\'TV_guide/finished /days/thu_r2_c2_f2.gif\\\\\\\',\\\\\\\'TV_guide/finished/days/monday_f2.gif\\\\\\\',\\\\\\ \'TV_guide/finished/days/thurday_f2.gif\\\\\\\',\\\\\\\'TV_guide/finished/days/friday_f2.g if\\\\\\\',\\\\\\\'TV_guide/finished/days/sunday_f2.gif\\\\\\\',\\\\\\\'TV_guide/finished/ days/suckerpunch_f2.gif\\\\\\\',\\\\\\\'TV_guide/finished/days/wednesday_f2.gif\\\');MM_pr eloadImages(\\\'TV_guide/finished/days/wed_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/thu r_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/fri_r2_c2_f2.gif\\\',\\\'TV_guide/finished/d ays/sat_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/sun_r2_c2_f2.gif\\\',\\\'TV_guide/fini shed/days/mon_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/tue_r2_c2_f2.gif\\\',\\\'TV_guid e/finished/days/thu_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/monday_f2.gif\\\',\\\'TV_g uide/finished/days/thurday_f2.gif\\\',\\\'TV_guide/finished/days/friday_f2.gif\\\',\\\'TV_ guide/finished/days/sunday_f2.gif\\\',\\\'TV_guide/finished/days/suckerpunch_f2.gif\\\',\\ \'TV_guide/finished/days/wednesday_f2.gif\');MM_preloadImages(\\\'TV_guide/finished/days/w ed_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/thur_r2_c2_f2.gif\\\',\\\'TV_guide/finished /days/fri_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/sat_r2_c2_f2.gif\\\',\\\'TV_guide/fi nished/days/sun_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/mon_r2_c2_f2.gif\\\',\\\'TV_gu ide/finished/days/tue_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/thu_r2_c2_f2.gif\\\',\\\ 'TV_guide/finished/days/monday_f2.gif\\\',\\\'TV_guide/finished/days/thurday_f2.gif\\\',\\ \'TV_guide/finished/days/friday_f2.gif\\\',\\\'TV_guide/finished/days/sunday_f2.gif\\\',\\ \'TV_guide/finished/days/suckerpunch_f2.gif\\\',\\\'TV_guide/finished/days/wednesday_f2.gi f\');MM_preloadImages(\'TV_guide/finished/days/wed_r2_c2_f2.gif\',\'TV_guide/finished/days /thur_r2_c2_f2.gif\',\'TV_guide/finished/days/fri_r2_c2_f2.gif\',\'TV_guide/finished/days/ sat_r2_c2_f2.gif\',\'TV_guide/finished/days/sun_r2_c2_f2.gif\',\'TV_guide/finished/days/mo n_r2_c2_f2.gif\',\'TV_guide/finished/days/tue_r2_c2_f2.gif\',\'TV_guide/finished/days/thu_ r2_c2_f2.gif\',\'TV_guide/finished/days/monday_f2.gif\',\'TV_guide/finished/days/thurday_f 2.gif\',\'TV_guide/finished/days/friday_f2.gif\',\'TV_guide/finished/days/sunday_f2.gif\', \'TV_guide/finished/days/suckerpunch_f2.gif\',\'TV_guide/finished/days/wednesday_f2.gif'); MM_preloadImages(\\\'TV_guide/finished/days/wed_r2_c2_f2.gif\\\',\\\'TV_guide/finished/day s/thur_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/fri_r2_c2_f2.gif\\\',\\\'TV_guide/finis hed/days/sat_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/sun_r2_c2_f2.gif\\\',\\\'TV_guide /finished/days/mon_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/tue_r2_c2_f2.gif\\\',\\\'TV _guide/finished/days/thu_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/monday_f2.gif\\\',\\\ 'TV_guide/finished/days/thurday_f2.gif\\\',\\\'TV_guide/finished/days/friday_f2.gif\\\',\\ \'TV_guide/finished/days/sunday_f2.gif\\\',\\\'TV_guide/finished/days/suckerpunch_f2.gif\\ \',\\\'TV_guide/finished/days/wednesday_f2.gif\');MM_preloadImages(\'TV_guide/finished/day s/wed_r2_c2_f2.gif\',\'TV_guide/finished/days/thur_r2_c2_f2.gif\',\'TV_guide/finished/days /fri_r2_c2_f2.gif\',\'TV_guide/finished/days/sat_r2_c2_f2.gif\',\'TV_guide/finished/days/s un_r2_c2_f2.gif\',\'TV_guide/finished/days/mon_r2_c2_f2.gif\',\'TV_guide/finished/days/tue _r2_c2_f2.gif\',\'TV_guide/finished/days/thu_r2_c2_f2.gif\',\'TV_guide/finished/days/monda y_f2.gif\',\'TV_guide/finished/days/thurday_f2.gif\',\'TV_guide/finished/days/friday_f2.gi f\',\'TV_guide/finished/days/sunday_f2.gif\',\'TV_guide/finished/days/suckerpunch_f2.gif\' ,\'TV_guide/finished/days/wednesday_f2.gif');MM_preloadImages(../ssr_tv/'TV_guide/finished /days/wed_r2_c2_f2.gif/',/'TV_guide/finished/days/thur_r2_c2_f2.gif/',/'TV_guide/finished/ days/fri_r2_c2_f2.gif/',/'TV_guide/finished/days/sat_r2_c2_f2.gif/',/'TV_guide/finished/da ys/sun_r2_c2_f2.gif/',/'TV_guide/finished/days/mon_r2_c2_f2.gif/',/'TV_guide/finished/days /tue_r2_c2_f2.gif/',/'TV_guide/finished/days/thu_r2_c2_f2.gif/',/'TV_guide/finished/days/m onday_f2.gif/',/'TV_guide/finished/days/thurday_f2.gif/',/'TV_guide/finished/days/friday_f 2.gif/',/'TV_guide/finished/days/sunday_f2.gif/',/'TV_guide/finished/days/suckerpunch_f2.g if/',/'TV_guide/finished/days/wednesday_f2.gif');MM_preloadImages('../ssr_tv/TV_guide/fini shed/days/wed_r2_c2_f2.gif','../ssr_tv/TV_guide/finished/days/thur_r2_c2_f2.gif','../ssr_t v/TV_guide/finished/days/fri_r2_c2_f2.gif','../ssr_tv/TV_guide/finished/days/sat_r2_c2_f2. gif','../ssr_tv/TV_guide/finished/days/sun_r2_c2_f2.gif','../ssr_tv/TV_guide/finished/days /mon_r2_c2_f2.gif','../ssr_tv/TV_guide/finished/days/tue_r2_c2_f2.gif','../ssr_tv/TV_guide /finished/days/thu_r2_c2_f2.gif','../ssr_tv/TV_guide/finished/days/monday_f2.gif','../ssr_ tv/TV_guide/finished/days/thurday_f2.gif','../ssr_tv/TV_guide/finished/days/friday_f2.gif' ,'../ssr_tv/TV_guide/finished/days/sunday_f2.gif','../ssr_tv/TV_guide/finished/days/sucker punch_f2.gif','../ssr_tv/TV_guide/finished/days/wednesday_f2.gif')">
    <div align="center">
      <div id="apDiv10"><img src="../images/ssr_mini_logo.jpg" width="126" height="85" /></div>
      <div id="apDiv27"><img src="../images/redblacktemplate.jpg" width="775" height="1200" longdesc="http://ShootingStarRadio" /></div>
      <div id="apDiv56"><img src="../images/jc_tv.jpg" width="207" height="245" /></div>
      <form id="form1" name="form1" method="post" action="">
        <div id="apDiv28"></div>
      </form>
      <div id="apDiv8">
      <script type="text/javascript">
    AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','widt h','138','height','27','src','../news/text5','quality','high','pluginspage','http://www.ad obe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','bgcolor','#000000 ','movie','../news/text5' ); //end AC code
    </script><noscript>
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="138" height="27">
      <param name="movie" value="../news/text5.swf" />
      <param name="quality" value="high" />
      <param name="bgcolor" value="#000000" />
      <embed src="../news/text5.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="138" height="27" bgcolor="#000000"></embed>
    </object>
    </noscript></div>
    <div id="apDiv7">
      <script type="text/javascript">
    AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','widt h','164','height','28','src','../news/text4','quality','high','pluginspage','http://www.ad obe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','bgcolor','#000000 ','movie','../news/text4' ); //end AC code
    </script><noscript>
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="164" height="28">
      <param name="movie" value="../news/text4.swf" />
      <param name="quality" value="high" />
      <param name="bgcolor" value="#000000" />
      <embed src="../news/text4.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="164" height="28" bgcolor="#000000"></embed>
    </object>
    </noscript></div>
    <div id="apDiv6">
      <script type="text/javascript">
    AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','widt h','146','height','32','src','../news/text3','quality','high','pluginspage','http://www.ad obe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','bgcolor','#000000 ','movie','../news/text3' ); //end AC code
    </script><noscript>
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="146" height="32">
      <param name="movie" value="../news/text3.swf" />
      <param name="quality" value="high" />
      <param name="bgcolor" value="#000000" />
      <embed src="../news/text3.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="146" height="32" bgcolor="#000000"></embed>
    </object>
    </noscript></div>
    <div id="apDiv5">
      <script type="text/javascript">
    AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','widt h','81','height','20','src','../news/text2','quality','high','pluginspage','http://www.ado be.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','bgcolor','#000000' ,'movie','../news/text2' ); //end AC code
      </script>
      <noscript>
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="81" height="20">
        <param name="movie" value="../news/text2.swf" />
        <param name="quality" value="high" />
        <param name="bgcolor" value="#000000" />
        <embed src="../news/text2.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="81" height="20" bgcolor="#000000"></embed>
      </object>
      </noscript>
      </div>
    <div id="apDiv4">
        <script type="text/javascript">
    AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','widt h','85','height','18','src','../news/text1','quality','high','pluginspage','http://www.ado be.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','bgcolor','#000000' ,'movie','../news/text1' ); //end AC code
    </script><noscript>
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="85" height="18">
        <param name="BGCOLOR" value="#000000" />
        <param name="movie" value="../news/text1.swf" />
        <param name="quality" value="high" />
        <embed src="../news/text1.swf" width="85" height="18" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#000000" ></embed>
      </object>
      </noscript>
      </a></div>
    </div>
    <div id="apDiv49"><img border="0" src="../images/sponsor_ssr_tv.jpg" width="207" height="245" /></div>
    <div id="apDiv70"></div>
    <div id="apDiv71"></div>
    <div id="apDiv72"></div>
    <div id="apDiv73"></div>
    <div id="apDiv74"></div>
    <div id="apDiv75"></div>
    <div id="apDiv76"></div>
    <div id="apDiv77"></div>
    <div id="apDiv78"></div>
    <div id="apDiv80">
      <div align="center"><a href="cwa/collision_course_2005.html"><img border="0" src="cwa/collisioncoursedvd.jpg" width="115" height="147" /></a></div>
    </div>
    <div class="style16" id="apDiv81">
      <div align="center" class="style23">Collision Course 2005</div>
    </div>
    <div id="apDiv83">
      <form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
        <div align="center">
      <input type="hidden" name="cmd" value="_s-xclick">
      <input type="hidden" name="hosted_button_id" value="4958801">
      <input type="image" src="https://www.paypal.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
      <img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">    </div>
      </form>
    </div>
    <div id="apDiv84">
      <div align="center"><a href="cwa/encore_2005.html"><img border="0" src="cwa/encore2disc.jpg" width="138" height="146" /></a></div>
    </div>
    <div id="apDiv85">
      <div align="center"><em><strong><span class="style25">Encore- 2 Disc Set</span></strong></em></div>
    </div>
    <div id="apDiv86">
      <form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
      <div align="center">
      <input type="hidden" name="cmd" value="_s-xclick">
      <input type="hidden" name="hosted_button_id" value="4959128">
      <input type="image" src="https://www.paypal.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
      <img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">  </div>
    </form>
    </div>
    <div class="style17" id="apDiv87">
      <div align="center">PAGE 1 2 3</div>
    </div>
    <div id="apDiv88">
      <div align="center"><a href="cwa/collision_course_2006.html"><img border="0" src="cwa/collisioncourse2006cover.jpg" width="138" height="146" /></a></div>
    </div>
    <div class="style18" id="apDiv89">
      <div align="center" class="style19">Collision Course 06</div>
    </div>
    <div id="apDiv90">
      <form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
        <div align="center">
      <input type="hidden" name="cmd" value="_s-xclick">
      <input type="hidden" name="hosted_button_id" value="4959266">
      <input type="image" src="https://www.paypal.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
      <img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">    </div>
      </form>
    </div>
    <div id="apDiv91">
      <div align="center"><a href="cwa/super_summer_sizzler_2006.html"><img border="0" src="cwa/supersummersizzler2006cover.jpg" width="138" height="146" /></a></div>
    </div>
    <div id="apDiv92">
      <div align="center"><a href="cwa/going_the_distance 2005.html"><img border="0" src="cwa/goingthedistance2cover.jpg" width="138" height="146" /></a></div>
    </div>
    <div id="apDiv93">
      <div align="center"><a href="cwa/snowed_out_2007.html"><img border="0" src="cwa/snowedFout2007cover.jpg" width="138" height="146" /></a></div>
    </div>
    <div class="style20" id="apDiv94">
      <div align="center">Super Summer Sizzler</div>
    </div>
    <div class="style21" id="apDiv95">
      <div align="center" class="style22">Going The Distance 2</div>
    </div>
    <div class="style21" id="apDiv96">
      <div align="center" class="style22">Snowed Out 2007</div>
    </div>
    <div id="apDiv97">
      <form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
      <div align="center">
      <input type="hidden" name="cmd" value="_s-xclick">
      <input type="hidden" name="hosted_button_id" value="4959957">
      <input type="image" src="https://www.paypal.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
      <img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
    </form>
    </div>
    <div id="apDiv98">
      <form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
      <div align="center">
      <input type="hidden" name="cmd" value="_s-xclick">
      <input type="hidden" name="hosted_button_id" value="4960022">
      <input type="image" src="https://www.paypal.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
      <img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">  </div>
    </form>
    </div>
    <div id="apDiv99">
      <form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
      <div align="center">
      <input type="hidden" name="cmd" value="_s-xclick">
      <input type="hidden" name="hosted_button_id" value="4960178">
      <input type="image" src="https://www.paypal.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
      <img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">  </div>
    </form>
    </div>
    <div id="apDiv100">
      <div align="center"><img src="cwa/conclusioncover.jpg" width="138" height="146" /></div>
    </div>
    <div class="style25" id="apDiv101">
      <div align="center"><strong><em>Conclusion</em></strong></div>
    </div>
    </body>
    </html>

    Div tags 98-101 are positioned in the right place when I'm looking at my page in Dreamweaver. But when I preview the page, those 4 div tags are not where they're supposed to be
    I thought I was reading it wrong, but you really do have 101 AP divs on the page. I don't have the time to go through your code, but using absolutely positioned divs as the sole basis for page layout is likely to lead to massive problems. AP divs (or layers, as they used to be called) were all the rage several years ago, because people wrongly thought they would make web pages work like desktop publishing. I used them, too, until I realized they caused massive problems.
    It won't solve your current problem, I'm afraid, but I recommend that you take a look at the following page, which describes some of the problems with AP div/layers: http://apptools.com/examples/pagelayout101.php.

  • FLV's audio continues, how to stop in hidden div?

    Hi Guys,
    I have several DIV layers showing and hiding on HTML/JS nav buttons. One of these DIV layers contains an
    FLV and is set to autoplay on.  it's not visible due to the hide but the FLV's audio continues. this problem facing in IE
    How can I stop/pause (and/or rewind) the playback of an flv in a DIV when that DIV is hidden through a standard
    HTML/JS nav button???
    Thanks
    Manish V.

    Try the Dreamweaver forum
    http://forums.adobe.com/community/dreamweaver

  • Lining up divs inside a main div: Mine not working

    Hello, I need help with my CSS design, I am trying to line many dives inside a container DIV, interestingly only the first div is well
    positioned, the rest lie outside the container all together. I can't figure out what I am doing wrong. Find attached my CSS definitions and also the related code:
    CSS:
    /* id the for main container of index page elements */
    #indexmain{
    background-color:#FFFFFF;
    font-weight: bold;
    color:#00FF00;
    width: 100%;
    height: 600px;
    border-width: 1px;
    border-style: solid;
    border-color: red;
    /* id for welcome label */
    #welcome {
    background-color:#FFFFFF;
    color:#00FF00;
    padding-top: 5px;
    padding-right: 5px;
    padding-left:5px;
    padding-bottom:5px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size:24px;
    font-weight: bold;
    width: 140px;
    height: 20px;
    border-width: 1px;
    border-style: solid;
    border-color: red;
    top: 160px;
    left: 120px;
    /* id for main container of index elements */
    #welcomemain{
    background-color:#FFFFFF;
    color:#00FF00;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size:24px;
    font-weight: bold;
    width: 60%;
    height: 400px;
    border-width: 1px;
    border-style: solid;
    border-color: red;
    top: 192px;
    left: 120px;
    /* id for description of consumer component */
    #consumerdescription{
    background-color:#FFFFFF;
    color:#00FF00;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size:24px;
    font-weight: bold;
    width: 50%;
    height: 200px;
    border-width: 1px;
    border-style: solid;
    border-right-color:#FF0000;
    top: 0;
    left:0;
    margin-left: auto ;
    margin-right: auto ;
    text-align:center;
    /* id for label of consumer link */
    #consumerlink{
    background-color:#FFFFFF;
    color:#00FF00;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size:24px;
    font-weight: bold;
    width: 50%;
    height: 200px;
    border-width: 1px;
    border-style: solid;
    border-left-color:#FF0000;
    background-color:#CCFF66;
    top: 0;
    right: 0;
    margin-left: auto ;
    margin-right: auto ;
    text-align:center;
    /* id for label of business link */
    #businesslink{
    background-color:#FFFFFF;
    color:#00FF00;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size:24px;
    font-weight: bold;
    width: 50%;
    height: 200px;
    border-width: 1px;
    border-style: solid;
    border-right-color:#FF0000;
    background-color:#CCFF66;
    bottom: 0;
    left: 0;
    margin-left: auto ;
    margin-right: auto ;
    text-align:center;
    /* id for description of business component */
    #businessdescription{
    background-color:#FFFFFF;
    color:#00FF00;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size:24px;
    font-weight: bold;
    width: 50%;
    height: 200px;
    border-width: 1px;
    border-style: solid;
    border-left-color:#FF0000;
    bottom: 0;
    right: 0;
    margin-left: auto ;
    margin-right: auto ;
    text-align:center;
    /* id to control positioning of content*/
    .centerlinkcontent{
         position:absolute;
         top:80px;
         left: 110px;
    .centerdescriptioncontent {
    position:absolute;
    top:50px;
    left:20px;
    .titlelabelconsumer{
    width:100%;
    height:35px;
    background-image:url(../images/Isl_bkgrd.jpg);
    background-repeat:repeat-x;
    text-align:center;
    .titlelabelbusiness{
    width:100%;
    height:35px;
    background-image:url(../images/Isl_bkgrd.jpg);
    background-repeat:repeat-x;
    text-align:center;
    top:400px;
    .searchresultscontainer{
    width:812px;;
    height:62px;
    border-style:solid;
    border-color:#FF0000;}
    .searchresultsimg{
    width:100px;
    height:60px;
    background-color:#CCCCCC;
    left:0px;
    border-style:solid;
    border-color:#9966CC;
    border-width:1px;
    /*.searchresultsdetail{
    position:relative;
    width:700px;
    height:61px;
    text-align:center;
    background-color:#CCCCCC;
    float:right;
    left:101px;
    margin:0;
    padding:0;
    .productdescription{
         position:absolute;
         width:300px;
         height:36px;
         text-align:left;
         left:101px;
         margin:0;
         padding-bottom:10px;
        padding-top:12px;
         border-style:solid;
         border-color:#FFCC00;
         border-width:1px;
    .productmodelno{
    position:absolute;
    width:100px;
    height:36px;
    text-align:left;
    left:401px;
    margin:0;
    padding-bottom:10px;
    padding-top:12px;
    border-style:solid;
    border-color:#996600;
    border-width:1px;
    .productmodelyear{
         position:absolute;
         width:100px;
         height:36px;
         text-align:left;
         left:501px;
         margin:0;
         padding-bottom:10px;
        padding-top:12px;
         border-style:solid;
         border-color:#00FF00;
         border-width:1px;
    .productprice{
    position:absolute;
    width:100px;
    height:36px;
    text-align:left;
    left:601px;
    margin:0;
    padding-bottom:10px;
    padding-top:12px;
    border-style:solid;
    border-color:#000033;
    border-width:1px;
    .productuserid{
    position:absolute;
    width:100px;
    height:36px;
    text-align:left;
    left:701px;
    margin:0;
    padding-bottom:10px;
    padding-top:12px;
    border-style:solid;
    border-color:#990000;
    border-width:1px;
    Related Code:
    <!---Create a container for the search results --->     
    <div class="searchresultscontainer">
        <div class="searchresultsimg"><!--- creating a resized version of uploaded image of product --->
               <cfimage source="#ExpandPath('images/consumer/#Cnsmr_ProductIMAGE#')#" action="resize" width="100" height="60" name="resizedImg" format= "jpg">
               <cfimage source="#resizedImg#" action="writeToBrowser"><!---img src="images/consumer/#Cnsmr_ProductIMAGE#"--->
        </div>
        <div class="productdescription"><font size="+2">#Cnsmr_ProductDESCRIPTION# </font>  <font size="+2"></div>
         <div class="productmodelno"><a href="showProductDetail.cfm?Cnsmr_ProductCountID=#URLEncodedFormat(TRIM(Cnsmr_ProductCountID))#">#Cnsmr_ProductMODELNo# </font> </a></div>
         <div class="productmodelyear"><font size="+2">#Cnsmr_ProductMODELYEAR# </font> </div> 
         <div class="productprice"><font size="+2">#Cnsmr_ProductPRICE#</font> </div>
         <div class="productuserid"><font color="#000066#" size="+2">#User_id#</font></div>
    </div>
    <!--- end of searchresultscontainer --->
    </cfoutput>

    In addition to PZ's reply, you have way too much going on in your stylesheet ;-)  it needs to be streamlined dramatically.
    If you don't undersand the how and whys of using AP (absolutely positioned) divs, it's better not to use them - here's why:
    Why do my AP Divs (layers) move when I resize the browser window?
    You may want to run through a few CSS tutorials before going any further, so as to get your head around how CSS layouts work and how to use a stylesheet effectively  :-)
    http://www.macromedia.com/devnet/dreamweaver/articles/css_concepts.html http://www.adobe.com/devnet/dreamweaver/articles/bk_dwcs4_mastering_css/bk_dwcs4 _mastering_css_04.pdf
    LIST OF CSS TUTORIALS:
    http://www.adobe.com/devnet/dreamweaver/css.html

  • Stop SWF playback on DIV hide

    Hi Guys,
    I have several DIV layers showing and hiding on HTML/JS nav
    buttons. One of these DIV layers contains an SWF with FLV and is
    set to autoplay on. Upon hitting another nav button to hide this
    layer and show another DIV the SWF continues to play in the
    background ( it's not visible due to the hide but the FLV's audio
    continues).
    How can I stop/pause (and/or rewind) the playback of an SWF
    in a DIV when that DIV is hidden through a standard HTML/JS nav
    button???
    Any help appreciated...
    Thanks.
    Corey

    In your html you have a couple of problems that are very
    evident:
    In this function:
    function callFlashPlayPauseVideo() {
    flashVideoPlayer.pauseResume();
    you are calling a function "pauseResume()" in the Flash movie
    Referenced as "flashVideoPlayer". However, your Flash movie is
    referenced as "promo". You need to change the reference in the JS
    function or the references in the html.
    There is no function "pauseResume()" in the AS code that you
    show. The two functions that you do show, should work. To call
    those two AS functions, you will need two corresponding JS
    functions in the HTML doc.
    Look at this Adobe doc, it has a good example to follow:
    http://livedocs.adobe.com/flash/9.0/ActionScriptLangRefV3/flash/external/ExternalInterface .html#includeExamplesSummary

  • How to create tab pages in EP

    Hi Experts,
    Can you please let me know how to create tab pages in EP. I have created one page. In this page, I have to place 2 iViews as tab pages. Can you please let me know how I can acheive this?
    Regards,

    Stuart,
    Within a SAP Portal Tabs are not used like you want them to
    By default Tabs are used inside an iView and not to "tab" between iViews on a page...
    The most straightforward solution would be creating a custom PageLayout that you can assign to your page.
    I would sugest to implement this custom PageLayout with DIV layers and trigger "tabbing" via JavaScript eventing.
    For more infor on how to create a custom PageLayout take a look at here:
    [http://help.sap.com/saphelp_nw70/helpdata/en/42/efbac120711a71e10000000a422035/frameset.htm|http://help.sap.com/saphelp_nw70/helpdata/en/42/efbac120711a71e10000000a422035/frameset.htm]
    Good Luck,
    Benjamin Houttuin

  • Need help debugging page in IE8

    The site in question works great on every browser except IE8. There is a div underneath the blue logo on the left hand side of the page that fades in with some copy. It is driven by a simple embedded script. However, I cannot figure out why it is not working in IE8. It just will not show up. I have tried multiple things and at this point I dont care if the fade in works, I just want the side text to appear on the left hand side of the page underneath the logo without having to reformat the page. I tried removing the javascript altogether and and removing the "Display: none" funtion from each div so they would be visible, but they are still not showing up. What gives?
    The div that it being called by the javascript code is #wrapper_content_home, by which it contains three other divs within it that fade-in when the script is fired (#pageTitle, #solidDivider, #sideContent).
    I am currently using VirtualBox to test and have it configured to Windows XP 32 bit using IE8.
    Can anyone tell me what's wrong with my code or what I need to do to fix this issue? Could it be a Doctype declaration issue? At this point, I have no idea. Thanks in advance for any help with this!
    Here is a link to the page in question: http://fountainplace.com/team/
    Here is a JS Fiddle I set up for debugging (view my code): http://jsfiddle.net/FAzaD/2/

    >I was taking a Dreamweaver class at the Denver Art
    Institute, that was worthless
    Yes, those classes usually are worthless because they focus
    on using the tool without giving you the proper foundation for
    understanding and managing html and css. Unfortunately, all of the
    example sites you gave you AP Divs (layers) as a primary layout
    method, which is a terrible approach. AP Divs should be used rarely
    if ever, and only when you understand how they work. When the
    visitors font is sized differently than you expected, the site
    falls apart. The correct approach is to learn web
    design/development outside of the context of a specific
    application.
    http://www.w3schools.com/html/
    is a good place to start for a basic understanding of html and css.
    And some basic layout techniques can be found here:
    http://apptools.com/examples/pagelayout101.php

  • Spry Photo Gallery not viewing

    am new to web design and followed this tutorial to make a
    Spry Photo Gallery:
    http://www.adobe.com/devnet/dreamweaver/articles/spry_photo_album.html
    I am using Dreamweaver CS3 and when I preview my files,
    everything is perfect and in place. When I upload everything and
    view it on the server, no photos show up, and all of my div layers
    are out of whack or missing even.
    Any ideas, suggestions?? I feel like I am missing something
    really simple.. THANKS!
    http://www.summerinchicago.com/photoGallery/gallery.html
    http://www.summerinchicago.com/photoGallery/photos.xml
    http://www.summerinchicago.com/photoGallery/includes/SpryData.js
    http://www.summerinchicago.com/photoGallery/includes/xpath.js
    http://www.summerinchicago.com/photoGallery/images

    I've set up the photo gallery demo -china,paris,egypt- and
    made a swap of a couple of my photos from in Dreamweaver's property
    box src for thumbs, and link for the large pic. It works in Safari
    and Opera but not in firefox and I don't know about IE as I'm on a
    MAC and not that for into it yet.Is there something to look for in
    the code? It shows no browser issues when I test for compatability?
    I'd really like to use the xml version but I have tried and had no
    luck except in Safari.

Maybe you are looking for

  • Why in case of parent child relation iterator fetching one duplicate record

    Hi, JDev Ver : 11.1.1.2.0 Technology : JPA/TopLik Service Facade Data Control (Without using BC4J) I have created JPA/TopLink service facade from DB Tables and on facades I have crated DataControl which I have draged and droped on my screen to create

  • How to create portlet pages in oracle webcenter 11g?

    Hi all, currently we are using an application with oracle web portal 10g server. Is it possible to do migration all portlet pages 10g portal to 11g webcenter ? and please clarify how to create a portlet page in webcenter 11g? Regards Nagarajan

  • Endless Loop: Ipod in Recovery Mode

    i have a 5th gen 30G Ipod that goes into recovery mode every time it is plugged into my computer. I will restore it to factory settings only to have it return to recovery mode. I have changed the drive name of the Ipod and also reformatted the hardri

  • Recall SC when edit by requester

    Hi Guru's We are implementing PCW from ACW . We have requirement for shopping cart change by requester during awaiting approval will only redetermine the approval process of the perticular line item where changes done. But as per SAP standard it comp

  • How can I reimplement a standar BADI?

    I need to do this: The error reported occurs from a BAdI: 'BADI_CONTRACTPARTRNER_DETAIL' under the Enhancement spot: 'ES_BCA_DIM_LOANS_RFC'. This has an implementation class:CL_BADI_CONTPARTRNER_DTL_IMPL and method: IF_BADI_CONTRTPARTRNER_DETAIL~FILL