CSS Transitions now create a black rendering bar momentarily

Check this - so whenever CSS transitions occur on our site they seem to cause a momentary black rendering issue (see: https://dl.dropboxusercontent.com/u/3255103/whut.png) - you can try it out here: v5.bsidestudios.com (must have newest firefox 33.1) - if anyone can help with this it would be greatly appreciated. we need to determine if it is something we did - or something firefox needs to figure out?

Well I take it back, it solved it - I just tried it. Thank you

Similar Messages

  • Transitions and titles going black when rendered

    For the last few months, I have been making some movies in iMovie HD, ranging from 2 min. to a bit over 20 min. long. Most of the content is iMovie08 slide shows imported to iMovie and interspersed with brief video clips taken with still cameras. Have done about two dozen at this point, with only one minor problem prior to the current one. (In that case, when I added subtitles they began to include several extra "trailer" sections, which wasn't a particular problem unless I had another subtitle following closely. Somehow, that resolved itself.)
    The current movie was coming along fine. I had successfully added a couple of cross dissolves in the beginning between sections of slide shows and movie clips, then went on to complete the rest of the movie (20 min.) before going back to add the rest of the transitions and some titles. When I tried to put in cross dissolves or overlaps, the preview was correct but when the transition rendered, it became a fade to black followed by a cut. (Have subsequently checked several of the other transitions which I would not likely ever use and they all transition to black as well.) When I tried to put in titles, they also previewed correctly, but rendered over black instead of over the image. Tried all the easy stuff like closing and reopening iMovie, rebooting, making a new copy of the project, clicking the "over black" box off and on a few times. No luck. The only think I did any different in this project from all the others is turn or edit contrast/saturation in two clips in iMovie08 before exporting them back to iMovie HD.
    I created a new user account and made a test movie and did not have the problem. Logging back in I deleted the cache and the plist files for imovie. After rebooting i can create a new project and the subtitle and transitions do not go black. The original project still has the problem. I even opened the project package and deleted the cache inside the project.
    Has anyone figured out any way to salvage a project that is holding on to damaged preferences?

    Did you try logging in on a new account and opening the problem iMovie file in the new account? I wasn't certain from your post whether you did that. Can other trouble free movies be created/played in the old account now that you deleted preferences?
    Also, did you do a permissions repair in additiion to deleting the .plist file? You didn't mention that in your list. You should do a permissions repair using the Disk Utility app on your Mac.
    Have you added any 3rd party or Quicktime plug-ins lately? These sometimes can cause conflicts. If you have any, you could try moving them to a different folder to temporarily disable them, and see if that solves it.
    Make sure that you have sufficient free disk space for iMovie to operate efficiently. 20GB to 25GB is oft recommended on this forum.
    Make sure that your Quicktime is updated to current version.
    Any new software installed lately that could be causing a conflict?
    If the problems are occurring solely in the currrent project, and the diagnostic efforts that you have made don't solve it, then you probably should start over. This is a relatively short movie, so the effort is fairly minimal. Can save a lot of time in the long run. You might be able to clear out all of your titles and transitions and transfer your clips into a new iMovie project with all of the editing still intact. Always make a backup copy of your movie, first.

  • Mac Book Pro just got it, all was well for 2 weeks now Finder window does not fill whole screen, there is an 1 1/2" space of black on the right side and the Finder window had a 1" section that flipped like a rolling tv now it is a white bar! Help!

    Mac Book Pro just got it, all was well for 2 weeks now Finder window does not fill whole screen, there is an 1 1/2" space of black on the right side and the Finder window had a 1" section that flipped like a rolling tv now it is a white bar! Help!

    Bad video card, call Apple, get a case number and return it.

  • Creating CSS Transitions in Dreamweaver CS6 | Digital Design CS6 | Adobe TV

    Adobe Evangelist Greg Rewis shows how to create CSS transitions in Dreamweaver CS6.
    http://adobe.ly/Iq6zSH

    I just try one thing, I place a tooltip like here: http://tv.adobe.com/watch/csinsider-design/muse-trigger-target/
    It´s just what I wanted.
    thanks and regards

  • Creating multiple  Spry menu bars in one site

    I've been creating a website and I am required to use multiple templates to manage all the different sections of the site.  To make it much less of a hassle, once I created one template, I simply saved that template as another template so I would not have to start all over again.  On the first template I created a spry menu bar with a certain amount of buttons.  And because I created the other templates with that template, those templates had the same menu bar containing the same settings.  The problem is, because of the specified settings of the spry menu bar, if I change the amount of buttons from the original to one less, the whole bar on that template will get off center and messed up because the settings for the menu bar are not set to that certain amount of buttons, but if I change the settings to suite that amount of buttons, then the settings for all the templates change and that messes up the other menu bars on those templates because they have a different amount of buttons.  Currently my templates all contain 10 buttons and I am wanting to create a new menu bar with only about 4 - 6 buttons.  I thought going up to insert and inserting a brand new menu bar would do the trick but when I did that it inserted a menu bar that had all the settings of the already-created menu bar, (ie same background images, and hovers, etc.) as well as the width which, because the width is suited for 10 buttons, it does not properly make the default 4 button menu bar center correctly.  And if I try to change the settings on this menu bar then the same thing happens with everything changing and getting messed up.
    So after this long explanation, my question is, how can I insert multiple spry menu bars into one site that are not correlated with each other in terms of all the settings so that when changed, will not affect each other?  I am guessing I am having this problem because I created all the templates from one template so they are all interlocked, but the page that I tried to insert the brand new menu bar on was not created from any of the templates and was the first page I made at the very start.
    http://phonytrojanmusic.zxq.net/ Here is the link to the site. The first page that opens up is the page that I tried to insert the brand new menu bar on.  If you click on band choir or elementary you will see the menu bars with 10 buttons that are all interlocked in terms of settings.  Also, I'd like to note that if I delete a button in one template, it does not delete that same button in the other templates, nor does it add a button to the other templates if I add one.  Only the physical appearance changes because the settings are meant for only one amount of buttons.  Sorry for the novel!

    Alright well I just tried to use 2 complete different templates.  I created one brand new template from scratch, added the menu bar, gave it an ID of "band", and configured it to suite 10 buttons accordingly.  Then I started off from scratch again with a starting html page with a different css style sheet and added the menu bar and gave it a different ID of "choir" but the settings of the two different bars still act as one set of settings!  I dont know how to fix this problem.  Please tell me what to post if anything will help you. Im guessing the solution is very simple but I have tried everything.
    here is the code for the two different menu bars (one in each template)
    choir
      <ul id="Choir" class="MenuBarHorizontal">
          <li><a href="#">Programs</a>      </li>
          <li><a href="#">Home</a></li>
          <li><a href="#">Blog</a>      </li>
          <li><a href="#">Directors</a></li>
    <li><a href="#">Gallery</a></li>
    <li><a href="#">Forms</a></li>
          <li><a href="#">Calendar</a></li>
          <li><a href="#">Links</a></li>
          <li><a href="#">Contact</a></li>
        </ul>
    band
    <ul id="Band" class="MenuBarHorizontal">
          <li><a href="http://phonytrojanmusic.zxq.net/index.html">Programs</a>      </li>
          <li><a href="http://phonytrojanmusic.zxq.net/band/bandmain.html">Home</a></li>
          <li><a href="http://centerburgtrojanmusic.blogspot.com/">Blog</a></li>
          <li><a href="http://phonytrojanmusic.zxq.net/band/directors.html" class="MenuBarItemSubmenu">Directors</a>
            <ul>
              <li><a href="http://phonytrojanmusic.zxq.net/band/directors/cooper.html">Cooper</a></li>
              <li><a href="http://phonytrojanmusic.zxq.net/band/directors/teschler.html">Teschler</a></li>
              <li><a href="http://phonytrojanmusic.zxq.net/band/directors/lee.html">Lee</a></li>
            </ul>
          </li>
          <li><a href="http://phonytrojanmusic.zxq.net/band/shows.html" class="MenuBarItemSubmenu">Shows</a>
            <ul>
              <li class="MenuBarHorizontal"><a href="http://phonytrojanmusic.zxq.net/band/shows/field.html">Field</a></li>
              <li><a href="http://phonytrojanmusic.zxq.net/band/shows/concert.html">Concert</a></li>
            </ul>
          </li>
          <li><a href="http://phonytrojanmusic.zxq.net/band/gallery.html">Gallery</a></li>
          <li><a href="http://phonytrojanmusic.zxq.net/band/forms.html">Forms</a></li>
          <li><a href="http://trojanmusic.org/cal.html">Calendar</a></li>
          <li><a href="http://phonytrojanmusic.zxq.net/band/links.html">Links</a>      </li>
          <li><a href="http://phonytrojanmusic.zxq.net/band/contact.html">Contact</a></li>
        </ul>
    I currently do not have any links attached to any of the buttons in the choir bar.  Something went wrong and now I have to make the whole site over again so it is not very accessible.  Please post back asap!

  • CSS Transition TOP

    HI
    PLEASE KEEP IN MIND I HAVE DYSLEXIA SO EXPLAIN IN PLAIN TEARMS.
    I have already posted this but I click answered and it’s not., so I won’t to make this CSS transition http://tv.adobe.com/watch/cs6-creati...eamweaver-cs6/ and there are two things im trying to fix
    1: The CSS transition is not moving to the top?
    2: Because I have added <h1> ect the text inclosed on each div is droped down and not allined. Please see deejaydiamond.bugs3.com
    The html
    <div id="webDesign">
    <div class="contentinformation" id="contentinformation">
    <h2>Cheap Web Design From</h2>
    <p>From £79.99</p>
    <p>1 Page Bespoke Web Design Package | No Hidden Fees <a href="#">More...</a></p>
    </div>
    <br />
    </div>
    The css
    h1 {
    color : #FFF;
    font-size : 130%;
    h2 {
    font-size : 85%;
    font-weight: bold;
    h3 {
    font-size: 85%;
    font-weight: bold;
    h4 {
    font-size: 85%;
    font-weight: bold;
    h5 {
    font-size: 85%;
    font-weight: bold;
    .contentinformation {
                background-color: #5b8e0b;
                color: #FFF;
                margin-top: 100px;
                text-align: center;
                font-weight: bold;
                padding-top: 1px;
                -webkit-transition: all 1s linear 0.1s;
                -moz-transition: all 1s linear 0.1s;
                -ms-transition: all 1s linear 0.1s;
                -o-transition: all 1s linear 0.1s;
                transition: all 1s linear 0.1s;
                top:0px;
    .contentinformation:hover {
                background-color: #FFF;
                color: #000;
                text-align: center;
                font-weight: bold;
                -webkit- opacity:1.0;
                -moz-opacity: 1.0;
                opacity:1.0;
                filter:alpha(opacity=100); /* For IE8 and earlier */
                -webkit-transition: all 1s linear 0.1s;
                -moz-transition: all 1s linear 0.1s;
                -ms-transition: all 1s linear 0.1s;
                -o-transition: all 1s linear 0.1s;
                transition: all 1s linear 0.1s;
                top:0px;

    Sorry I wasn't able to help out more yesterday, I was away from my computer.
    First, remove the following from the .contentinformation:hover class...
    -webkit-transition: all 1s linear 0.1s;
    -moz-transition: all 1s linear 0.1s;
    -ms-transition: all 1s linear 0.1s;
    -o-transition: all 1s linear 0.1s;
    transition: all 1s linear 0.1s;
    I know I originally told you that you needed it, however I was mistakenly giving you directions for use with a javascript class swapper. With pure css, you only need the transitions on the .contentinfomation class.
    Now, on to making your element move.
    You need to add a margin-top: attribute to the .contentinformation:hover class that is different (a lower number) from the .contentinformation class. That will make the item move up when the mouse is over it.
    There is an issue with using a transition for moving an element, and that is, when you move the element, the mouse needs to move with it, or once the mouse has moved off, the element will start to move back. It can give a very glitchy appearance in certain situations.

  • How do I get black side bars on a full screen photo in iPhoto 11

    How do I get black side bars on a full screen photo in iPhoto 11. It was black in iPhoto 09 and now it's a murky grey. I'm not talking about events or photo view where it's in preferences only full screen photo. Thanks

    Go into iPhoto's Appearance preference pane and move the Background slider all the way to the left - black.
    OT

  • I have recently received a pdf file that, although previously opened, now shows totally blacked out?  What can I do to correct this?

    I have recently received a pdf file that, although previously opened, now shows totally blacked out?  What can I do to correct this?

    Hi rdfnra,
    Please check the Page Display preferences (File > Preferences/Acrobat > Preferences) and make sure that Show Large Images is selected. If sounds as though this PDF may have been created from a scanned document, and this preference is disabled.
    Please let us know how it goes.
    Best,
    Sara

  • How can i create a additional navigation bar

    Hi,
    i'm searching for a solution to create a additional navigation bar for my website. I created the site in German. Now i have to add the website in the English version. The problem is now, that the navigation bar will not check, that i will have a seperated version of the site in English.
    Anybody there to help me out?

    What you need to do is create the English and German sites as totally new sites so you have one site named English and one named German and you won't need to create any new navigation menus.  Just link the sites together.
    If you really want to create a new nav menu, then turn off the page template nav menu by opening the Inspector and going to Page, then check the boxed 'hide nav menu' and 'don't include in nav menu' and create your own text based nav menu by using either shapes of text boxes and then creating Hyperlinks between the pages.

  • Using the CSS Transitions panel | Learn Dreamweaver CS6 | Adobe TV

    In this movie, learn about the CSS Transitions panel, which makes it easy to add impressive CSS-driven transitions to any element on the page through a single dialog. All CSS syntax is handled automatically, including vendor prefixes for all major browsers. If you prefer to hand-code your CSS syntax, the CSS Transitions panel now gives you an easy way to manage and edit transitions, regardless of where they're added.
    http://adobe.ly/Jo2HUM

    Painful. WAY WAY WAY too much extranious detail, wastes a lot of time explaining the obvious. this could be 1/2 the length and far better by just going thru the details that REALLY matter, not the million options explanations side trips that confuse the basic info / workflow being presented.

  • CSS : trying to create a link where it isn't effected by template CSS

    Hi guys
    Experimenting with CSS today, have created a menu with a a background image which activates on hover to make behind the HTML text look inset - worked out great! However now every other link on my page also has the background imge when hovering, so i need to somehow overide this style for other elements. I have tried using ID's, I'm at my wits end!!!!
    ANy help would be VERY welcomed!

    Line 60 of your HTML file:
    <td width="434"><a href="index.html"><img src="images/smartcube_website_layout_01.png" alt="" width="434" height="129" border="0"></a></td>
    It is the link you're using on your logo image that is causing this problem. Try changing it to this:
    <td width="434"><img src="images/smartcube_website_layout_01.png" alt="" width="434" height="129" border="0"></td>
    The reason being you have used a sliced image - so the entire width and height of that slice is being hyperlinked.
    Solution:
    Slice just the background area and place it into TD
    Place the logo within it
    Or, another option - create an image map, map just your logo and hyperlink that

  • How to create this cool navigation bar in CS5 Dreamweaver

    Dear All,
    Can somebody please walk me through how to create this cool navigation bar?
    Please see the link below:
    http://www.viesso.com/viesso/home.php
    Thank you for all your help!
    I am designing my own website and I stuck at the beginning...
    Agi

    You can either use CSS to style the SpryMenuBar or there are commercially available options like Project Seven's Pop Menu Magic: http://www.projectseven.com/products/menusystems/pmm2/index.htm .  If you have the money I personally recommend the latter of the two, but you can easily style the Spry menu as well.

  • How to create a shared menu bar

    I can't see a way to create a single menu bar that is shared by several pages and only needs to be updated in one place. Surely DreamWeaver has such a feature?

    You have already been answered by the methods to use,, but this is my long winded answer to your question - explaining both techniques:
    You have 2 choices:
    Templates    
    Server Side Includes
    Using the template function within Dreamweaver is a good way to go if it's a small site . .
    For larger sites then serverside includes would be more practical and earlier for maintenance purposes.
    Templates:
    You create a master template page, you declare which areas will be the same for every page, (non-editable regions)  and then declare an area that will change on every page (the content area) , these are editable regions.
    Once you create the template and save it, you are then able to create 'child' pages from this template  - as many as you like  :-)  If you every need to make a change to the menu or the footer or the header, change it in the master template, save it and the changes will flow through to the child pages created from the template.
    Using DW Templates:
    http://www.adobe.com/devnet/dreamweaver/templates.html
    http://www.adobe.com/devnet/dreamweaver/articles/dw_templates.html
    The other option is to use Server Side Includes (SSI)
    A bit more about SSIs here:
    http://help.adobe.com/en_US/Dreamweaver/10.0_Using/WSc78c5058ca073340dcda9110b1f 693f21-7b6ca.html
    http://bignosebird.com/ssi.shtml
    Using PHP includes if your server supports php:
    http://www.w3schools.com/PHP/php_includes.asp
    One major difference between using Templates and SSI?
    When you make a change to a template page, you will need to re-upload all the pages to the server that were changed - may become very tedious if it is a very large site.
    With using SSI, you make a change to one file and only have to upload the one file and all pages on the server will be update accordingly.
    When to use Templates, Library Items & SSIs -
    http://www.adobe.com/devnet/dreamweaver/articles/ssi_lbi_template.html
    Nadia
    Adobe® Community Expert : Dreamweaver
    http://www.perrelink.com.au
    Unique CSS Templates | Tutorials | SEO Articles
    http://www.DreamweaverResources.com
    http://csstemplates.com.au/
    http://twitter.com/nadiap

  • I have created a Fireworks nav bar with drop down menus. Can't get the weblinks to save.

    I have been trying to add the web addresses in my Fireworks nav bar drop down menus. I can't get them to "take". I add the address, click done and some of them save and some don't. I am pulling my hair out! HELP!

    the easiest way is constructing your menu with frame labels
    now i have no way of knowing how you are constructing it ..so
    this may not work for you ...i assume that you have created a main
    button ...that has been converted into a symbol & then
    duplicated to create all other buttons
    okay here it goes ..i hope i dont confuse you
    i will explain how to create 1 button with 4 submenu items
    with the trems that i mentioned above
    but iam not going to explain all the details of creating a
    whole nav bar
    because it just takes too much typing ...i assume you already
    know this
    sooo ! ...lets say this is the Portfoio button ...inside the
    symbol now
    create 8 layers ...the order is going from top to bottom
    actions
    labels
    submenu Logos
    submenu Illustration
    submenu Animation
    submenu Coolstuff ."you will name your button items how you
    like" ...
    main button....lets just say Portfolio !
    invisible btn for main button
    so now on with the hard stuff
    create 20 frames ...stop action on frame 1 ...frame 9
    ...frame 20
    on the labels layer now ....name frame1 "Closed" ...frame 10
    "Open"
    on the submenu Logos layer ...create a keyframe on frame 10
    all frames before the 10th frame will be blank frames
    repeat that for the rest of the submenu items
    on the main button layer you will just place the main
    Portfolio button on frame 1
    & on the invisible button layer ..the inv btn is going to
    be placed on frame 10
    all this is iam hoping your have converted everything into1
    symbol
    all you need to do know is attach code to the main Portfolio
    button & the invisible button
    so click on the Portfolio button
    on (rollOver) {
    gotoAndStop("open");
    invisible button
    on (rollOver){
    gotoAndPlay("closed");
    & that should be good ...very simple !
    then just repeat this process for every button that makes up
    your nav bar ....& it doesn't matter if your inv buttons
    overlap each other or your main nav buttons are touching each other
    peace John

  • CSS Transition on a fluid element

    Hello
    I have a fluid template which has a series of boxes that contain images and accompanying text.
    I would like to use CSS transitions to change the size of the boxes upon hover.
    However, I have an issue where the browser  resizes the starting size box which sometimes uncovers the text i would like to display upon hover if that makes sense.
    Any ideas?

    Thank you Jon, that's very kind.
    It is at this point I should say that I am a mortgage broker and not a web developer, all you see has been learned from lynda.com so please understand if I have made some silly mistakes.
    My test environment is
    http://www.mousepaint.co/projects/newhomesmortgages/
    If you look at the four white boxes in the mortgage section. I wanted to show the image and the title and then use a transition to display the text. However, if you resize your browser it resizes which is what I originally wanted but not now. I hope this helps. I had to remove the transitions until i found an answer.
    Mark

Maybe you are looking for