Slide, and DIVs

Hey everyone - I'm constantly frustrated by CSS behavior....
I've got two colums the left is a nav col and the right is the main content....
I'm using the spry effects to 'hide' the nav column...
Spry.Effect.Slide('slideItHorizontal', {horizontal: true, toggle: true});
I want the MAIN content to 'scoot' over and fill the screen as the nav 'hides'...
does this make sense? I want to fee up screen realestate as needed for the user...
currently my main div just stays put...:-( no love from css...
HELP Please.
here's what I have;
<style type="text/css">
/* general clearing of browser defaults */
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea, p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
img{border:none;}
/* IDs */
#bolt4-ui {margin:auto 10px; width:auto;}
#bolt4-ui {margin:auto; text-align:left; /*width:57.00em; *width:56.00em;*/ min-width:1000px;}
#bolt4-ui-main {width:100%;}
#bolt4-ui-main .bolt4-ui-body {float:none;width:auto;}
#masthead {height:50px; background-color:#dddddd; margin:0px; padding:0px;}
#body {min-height: 500px;}
#body:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#footer {clear:both;}
#footer {height:50px; background-color:#dddddd; margin:0px; padding:0px;}
/* CLASSes */
.bolt4-ui-toplevel {margin:auto;text-align:left;width:57.00em;*width:56.00em;min-width:1000px;}
.bolt4-ui-toplevel #bolt4-ui-main {float:right;margin-left:-25em;}
.bolt4-ui-toplevel #bolt4-ui-main .bolt4-ui-body {margin-left:13.33em;*margin-left:13.00em;}
.bolt4-ui-toplevel #bolt4-ui-main .bolt4-ui-leftcol {margin-left:13.33em;*margin-left:13.00em;}
.bolt4-ui-toplevel .bolt4-ui-body {float:left;width:12.33em;*width:12.00em;}
.bolt4-ui-toplevel .bolt4-ui-leftcol {float:left;width:12.33em;*width:12.00em;}
.bolt4-ui-leftcol {background-color:#960;}
</style>
</head>
<body>
<div id="bolt4-ui" class="bolt4-ui-toplevel">
    <div id="masthead">
        MASTHEAD <a href="#" onclick="slide_horiz.start();">Slide Example 2</a>
    </div>
    <div id="body">
        <div class="bolt4-ui-leftcol" id="slideItHorizontal">
            NAV2
            <h4>Example 3</h4>
            <p class="sampleText">
                Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
                diam nonumy eirmod tempor invidunt ut labore et dolore magna
                aliquyam erat, sed diam voluptua. At vero eos et accusam et
                justo duo dolores et ea rebum. Stet clita kasd gubergren, no
                sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
        </div>
        <div id="bolt4-ui-main">
            <div class="bolt4-ui-body" style="background-color:#699">
                MAIN COLUMN 1
            </div>
        </div>
    </div>
    <div id="footer">
        FOOTER
    </div>
</div>
<script type="text/javascript">
    var slide_horiz = new Spry.Effect.Slide('slideItHorizontal', {horizontal: true, toggle: true});
</script>

What you need is to add/change the class of the div for your main content.
For example
#maincontent .narrow which will have a width setting for the narrow setting
#maincontent .wide which will have a width setting to cover the wider option
You can use Spry to add/remove classes http://labs.adobe.com/technologies/spry/samples/utils/setclass.html#

Similar Messages

  • Diable "open dialog box" on right mouse click so I can use l mouse to advance to next slide and r mouse click to "go back."  How in PP 2010 for mac????

    I do presentations in PP10.  I am new to macair, and used to Windows.  HOW DO I DISABLE THE "OPEN DIALOG BOX ON RIGHT CLICK"?  I would like to use L mouse to advance slide, and R mouse to go back.  The default is to use R mouse to open dialog box.  I can disable this by unchecking the box in "advanced" on the PC.  How do I do it with the Mac????
    Thanks
    hacmd

    Hi Rod,
    As originally stated in my opening post, the SWF is to be inserted into an Articulate '13 slide (what I called an aggregator originally - I tried not to bring them up since I don't want the chatter about "There's your problem - using Articulate"! ).
    Recall that posting this published file to our LMS did not allow right-mouse click functionality as the flash player menu just gets in the way.
    If I insert the captivate 6 files into Articulate as a Web Object (referencing the entire folder with html, htm and assets, and then posted to our LMS, and it DOES allow RM click operations in both IE and FF (although no sound on the Captivate slide in FF). But this is not what we want to do as this introduces 2 navigation controls (the Captivate one and the Articulate Player).
    Why must anything be posted to a web server for this functionality to work?
    I am able to go into the Captivate 6's published folder, and launch the Captivate demonstration by simply double clicking on the index.html file and this works great in both FF and IE after changing the security settings for flash.
    Again - I can not believe I am the only one out there trying to use the right-mouse click feature to do a software simulation by embedding the Captivate SWF into an Articulate '13 project.

  • What is happening in the most recent keynote when I click on a slide and it pulses (larger-smaller)  Two of my slides have disappeared in the navigator although if I play through them they are there.

    What is happening in the most recent keynote when I click on a slide and it pulses (larger-smaller)  Two of my slides have disappeared in the navigator although if I play through them they are there and the slides have their orignal number--there are just white spaces where the slide should be and I can only get to the slide by clicking through from the prior slide.  How do I get the sldies back into the navigator so I can see them.  Oddly, they are show up just find on the light table. 

    Try removing any transitions or builds on these slides, or delete the slides then recreate them as fresh slides.
    There are many playback anomalies in Keynote 6 which Apple have said they will be  sorting out next year.

  • How can I allow the user to pause the audio of a slide (and restart it) before continuing on to the

    Most of my slides have a combination of test/graphics and voiceover.  I would like to allow the user to pause, resume, and replay the audio of each slide.  I know, as a learner, I sometimes need to go back and hear something again -- or pause until a distraction has passed.
    How can I tie audio to a playbar or set of buttons?  I know if it's video, it can be done.  How do I give them control of the audio? 
    I am in Captivate 7.  My files are .mp3 files.
    Thanks - TL

    You cannot add extra buttons to the playbar but you could add a Replay button to the slide and have this button execute a Standard Advanced action with a Jump to Slide action that points to the same slide you are currently on.  This should effectively jump your user back to the beginning of the same slide.

  • Adding music to more than one slide and not the entire presentation

    I love the way Keynote looks and behaves, but it fails to compete with PPT on certain aspects, such as adding the same audio track to more than one slide and NOT have it play for the entire presentation. Using PPT (and I hate PCs!) you can have a track play for "n" number of slides. I'm frustrated that I cannot do this with Keynote! I don't want the track as a soundtrack for the entire presentation. I want to add another audio track to, say, the last two or three slides only and something else for all the other slides. I looked through the user manual, forums, etc. and found that I can only add a soundtrack to the entire thing or a different audio to only one slide.
    Question: What if I cut (that last two slides) and paste the the slides as a new Presentation with its own soundtrack, then reincorporate that back and paste it into the original presentation? Will that work or will the original soundtrack take over the entire presentation again?

    Anyone remember Claris Works for Mac back in the early 90s? Now, that was a gem! What were they thinking when they got rid of that one (and replaced it with AppleWorks!)?
    Good point, but one which Apple has heard a zillion times, and so sadly chosen to ignore. The really heartbroken among us remember AppleWorks from the mid-'80's, the world's first integrated suite, then ClarisWorks, then AppleWorks; and, of course, Beagle Bros. and BeagleWorks. But since we old f*s are dying off, those complaints will eventually stop. +Sic transit gloria mundi.+

  • HT201263 Unable to update, restore or recover. Slider doesn't slide and number pad doesn't work for passcode. What next? Worked last night . Battery charged. When I push Home button I get my backgroung but can't slide slider. Device is recognized by iTune

    Unable to update, restore or recover. Slider doesn't slide and number pad doesn't work for passcode. What next? Worked last night . Battery charged. When I push Home button I get my backgroung but can't slide slider. Device is recognized by iTunes.Help! Thank you.

    Besweet, I'm having the very same problem with 60GB colour which was bought new and worked for 6 months before suddenly just not being recognised by PC. I hadn't changed anything at all.
    I've followed all troubleshooting advice and reinstalled and updated iTunes and iPod updater software but all troubleshooting routes seem to hit the dead end of either the need to access the iPod via the PC (which isn't possible as it's not showing up at all) or the iPod in disc mode stuck at "ok to disconnect".
    It's still under 1yr warranty so will have to take to a dealer.
    I'm sorry that's not much help for you but at least you know it's not a unique problem.
    PC   Windows XP  

  • Master slide and table default - Very confusing behavior

    This odd behavior cost me the last two hours, so I just wanted to check with you folks if you know a work-around.
    Been fiddeling with a new Theme I am building and I was just about to define the default look for a table. Generated a table in the master slides window, applied all formatting I want and I was just about to apply it as the default for this theme (or even this master slide) and POOF - as soon as Keynote finished the
    Format>Advanced>Define Image for Current Master
    the table reverted back to the look of a previous version. No matter how often I truied to re-create the intended look, it always came back in this half-baked form.
    Very irritating, this behavior and I am sure that there is a fix. Anybody any ideas?
    Best Regards,
    /Dirk

    Ok, so I built a new master theme - same effect. The background colors and text formatting for the body of the table would not hold.
    Then I placed a placeholder object into the master slide for the table, did all my formatting, applied it and voila - it carried over.
    Seems that the palceholder did the trick for me.
    Thanks for your support, brian
    /Dirk

  • Space between DIV with image and DIV with image background

    I have just about finalized the new design on my website. The only issue I am having now is on the gallery page.  There is a thin space between a DIV with an image and DIV with an image background.  I am using these DIV's to give the illusion of a blue border. If you look at any of the other main pages on the site the space is not there. Any ideas? 
    http://liquidfirefishing.com/index.php
    http://liquidfirefishing.com/gallery/main.php
    Here are a couple of screenshots to show exactly what I mean.

    Hello, 
    both my "IE8" and my "FF 7.01" show the blue boundary lines. Here my screenshots, left side IE8, right side FF:
    Header 1
    Header 2
    Hans-Günter

  • I used to be able to copy and paste images from the internet into keynote slides and pages. Now when I copy and paste all I get is an empty  box. My iskysoft iTube studio has also stopped downloading videos. Is there an extension I need to enable?

    I used to be able to copy and paste images from the internet into keynote slides and pages. Now when I copy and paste all I get is an empty  box. My iskysoft iTube studio has also stopped downloading videos. Is there an extension I need to enable? Any ideas

    Try dragging the image to the desktop, then drag the image to the slide you want it on

  • I somehow managed to add lines on my master slide and can't get rid of them.  I now have a useless rectangle on the left half of many of my slides.  How do I remove this?

    I somehow managed to add lines on my master slide and can't get rid of them.  I now have a useless rectangle on the left half of many of my slides.  How do I remove this?

    Select the master slide,
    copy any objects you want to keep,
    Select all, (command A), and press delete key.
    Paste back the items to retain (Command V)

  • Server Side Includes and Divs

    I have a template (dwt) for my site with editable regions for
    menus. I want to use Server Side Includes for the menu, as not all
    the pages will have the same menu.
    I have designed the site template (and pages) with css and
    divs. The area for the SSI is a div of size 145x335. The menu which
    I want to put inside this div will be a div based menu. I havent
    had any luck displaying the Div from the SSI yet. I have been
    looking on Google for help, but not much luck. I can get the Div to
    appear but the formatting doesnt show up.
    Im putting the SSI code in where I want it on the page, but
    im not sure exactly which code to get rid of in the shtml file. I
    know I need to remove body, head parts etc
    My site template uses CSS stored on the document, not an
    external css file.
    Any ideas?

    > Im sure Ive not got it right yet!! My head wont work
    lately!
    Yes. It's not working well here, either.
    Create your template with the editable region. In it, have
    links to a) the
    general stylesheet for all the pages, and b) the general
    stylesheet for all
    of the includes (these don't really need to be separate
    files). Spawn a
    child page, drop in the desired include, and save that page
    as
    whocares.shtml.
    That's it....
    The incude files themselves can be names anything you want -
    I like the
    'monkeybutt' extension, e.g.,
    yourinclude.monkeybutt
    The include files can make reference to CSS selectors, but
    cannot have
    embedded CSS rules, or links to external CSS files.
    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
    ==================
    "~Billy~" <[email protected]> wrote in
    message
    news:eq234v$eq6$[email protected]..
    > Ive made myself confused now! I need it spelling out to
    me!
    >
    > Ok, a template file (dwt) with its css as an external
    style sheet.
    >
    > Rest of the sites pages made from the template file.
    >
    > Next, the template has one editable region for a choce
    of 2 div based
    > menus to
    > be placed into. Place either of these div menus into the
    template editable
    > region by creating two seperate SHTML files - one for
    each menu with the
    > body/head removed(and with internal or external css?)
    >
    > Next put the SSI code into the body of the template
    where I want the SSI
    > to
    > appear.
    >
    > Im sure Ive not got it right yet!! My head wont work
    lately!
    >

  • How do I copy a Keynote slide and paste it into a new project?

    Running MacBook Pro OSX 10.9.5
    Keynote v. 6.2.2
    How do I copy a Keynote slide and paste it into a new project?
    jazzpsy

    open the first Keynote
    in the navigator panel, click on the slide to be copied to select
    command C to copy
    open the second Keynote
    in the navigator panel, click the slide before where you want the slide to paste, command V to paste

  • Slides and flicker

    A friend who is more experienced at final cut pro suggested that instead of using Fotomagico to turn a slideshow into a movie that I use the ability of final cut pro to integrate my slides into my movies. My first attempt went badly as there was a lot of flicker and bounce (jagginess) to the presentation and movement of the slides. My friend suggested that I de-interlace the slides and that helped. A lot of the flicker was gone in my second attempt but the bounce in the slides still exists. What happens is that a slide with no movement looks fine. If the slides moves horizontally without zoom, then that is all allright, but there is a little bounce in the slide. If the slide is zoomed in (or out), then slide has a lot of bounce to it. The problem is not noticeable in the canvas on the computer or the simulator in dvdsp, but where I am noticing these problems is when I play the finished dvd on my television. The problem is less pronounced on my non-HD TV.
    I am running Leopard (latest update) with all the latest versions of the final cut suite. The photos are imports at the resolution they came from the camera. Fotomagico handles the photos to movie very well, but it would convenient to have it all handled in final cut pro, plus final cut pro should be able to handle this.
    What am I missing? The de-interlace thing worked to some extent. What is the problem and how can it be fixed?

    I am having this same problem with photos (zooming in and out).
    Although it was mentioned earlier about different reasons for this, I haven't figured out a way to completely fix it.
    If anyone knows, please pass on the information.
    Thanks

  • I have dead time after a transition on one of my slides and I can not get rid of it

    I have a transition between slides and then once the transition occurs, there is dead blank space for 5 seconds and then the next slide comes in.  I have tried everything to get rid of the dead space but I can not seem to resolve the issue.  Anyone have any thoughts?
    Thanks,
    C

    All of my transitions occur in the build inspector.  None of them have been incorporated in to the slide inspector.  My text moves in at a duration of 1.5 sec and then moves out at the same duration.  And that is it.  No delay on builds on the next slide.  All of the slides are set up the same way.  And I am working off of two monitors and there is a space that shows the next slide and it is completely blank, but I don't have a blank slide in the presentation.  Thanks for any help you might have.
    C

  • The wifi on my iphone 4s is not working, i have gone to the settings and tried to swicth it on but it shows the gray slide and refuse to turn on, what should i do about this

    product name - iPhone 4s
    memory - 64 GB
    storage capacity - 56.6 GB
    version nos - 8.1.1(12B435)
    the WiFi on my iPhone 4s is not working, i have gone to the settings and tried to switch it on but it shows the gray slide and refuse to turn on, what should i do about this.

    iOS: Wi-Fi settings grayed out or dim - Apple Support

Maybe you are looking for