Canon 70D Live View Mirror Sound

Hi,
Understand that when you press the Start/Stop button to switch to Live View mode from Viewfinder, it will produce a sound of the mirror flipping up.
But after that, during the live view mode, everytime I half-press the shutter button to focus, it keeps producing the same sound as the mirror flipping above, the LCD screen turns off for like half a second and on again with the subject in focus.
Is this normal or something is wrong with my camera?
Thanks.
Solved!
Go to Solution.

Hi,
It sounds as if you are using the Live View "AF Quick" focus mode (page 243 in your manual) ... This drops the mirror temporarily, focuses using the array of sensors seen in the viewfinder (phase detection), then raises the mirror again. It is faster than the contrast detection method of Live View focusing used on most DSLRs.
However, 70D has the new "dual pixel" focus method available in Live View in other Live View focusing modes, which is pretty darned quick. So you shouldn't need "AF Quick" mode. See page 233 through 242 of your manual and choose one of the other Live View focus modes.
Alan Myers
San Jose, Calif., USA
"Walk softly and carry a big lens."
GEAR: 5DII, 7D(x2), 50D(x3), some other cameras, various lenses & accessories
FLICKR & PRINTROOM 

Similar Messages

  • 70D Live View Mode Not Working

    All of a sudden Live View Mode doesn't work on my 70D.  Setting is enabled.  Pictures show on my screen for a few seconds after it's taken, but screen is black while taking pictures even when shutter release button pressed down half way.  Any ideas on why this might be happening?

    Is exposure stimulation turn on/off? does the photo taken look dark? You can try to reset it to factory default.
    Weekend Travelers Blog | Eastern Sierra Fall Color Guide

  • EOS 70D Live View

    Just got the camera and am overwhelmed at all the functions and switches/buttons. When in Live View and push the Start/Stop button, the LCD monitor does not come on. Did I accidentally change a setting in the Menu?
    Thanks!

    I just figured it out. I did, indeed, disable it inadvertently. All better! 

  • Canon 6D will not focus or flash in "Live View" mode.

    My Canon 6D will not focus or flash in "Live View" mode.  I have a canon 430ex II  and a E-ttl flash connected with a sync cord for E-ttl function.  The camera does simulate shutter action, but no photo is taken.  How can I over-come this problem. 
    Once in a while, after trying to take several photos it will start working, but usually not.
    Solved!
    Go to Solution.

    Hi Shadowcat!
    Thanks for posting.
    It sounds like the AF Method is set to Quick Mode.  When the camera is set for Live View Shooting, there are different AF Methods that can be set.  In Quick Mode, the camera uses its dedicated AF sensor to focus when you press the shutter button down halfway. 
    The image on the LCD will be interrupted while the camera tries to focus because the shutter closes and the mirror drops back over the image sensor.  This may look as though the camera is taking a picture, but it is not, it is only focusing.  No flash is fired during this process either.  Continue to hold the shutter button halfway until focus is achieved, at which point the image will return to the LCD.  Then you can press the shutter button the rest of the way down to take the picture.  The flash will fire and an image will be recorded.
    This didn't answer your question? Find more help at Contact Us.
    Did this answer your question? Please click the Accept as Solution button so that others may find the answer as well.

  • LCD live viewing & copy work with EOS 70D (W)

    Hi,
    Can anyone please provide insight, guidance, solutions to accomplish this efficiently?
    Goal/operation:
    I want to use the camera for copy work: portfolio, flat art, photos, objects etc. I have old family photo albums I want to copy/photograph each image separately without removing/disturbing/damaging the images in the books.
    The camera is mounted on a vertical copy stand shooting down (subject is mainly flat art).
    I want to be able to view through the LCD in live view (camera is 90º facing down at copy board), have manual control, set up & align the subject and shoot the photos using the flash lighting system in quick efficient production process.
    Equipment used:
    Camera EOS 70D (W)
    Minolta Copy stand
    Novatron 240 portable light system, 2 lights with polarized sheet film
    synch connections:
    wireless - Pocket Wizard Plus 2 Transceiver.
    wired - Nikon AS-15 Hot shot cord adapter
    PROBLEM
    I am having issues being able to view through the LCD, set up & align the subject and shoot the photos - without jumping through hoops.
    It seems I have to switch to Av from M after shutter release to view subject in LCD, then switch back to M for the next shot, camera fails to shoot and shows error message: “Press start/stop button to activate movie shooting”. This doesn’t make sense as I’m not movie shooting.
    If I change the mode to “Flash off” and back to “M” then it appears to work, however once I switch to Av mode to view the subject again, it starts the process all over.
    There must be a better/easier way.
    Could this be a potential bug in the camera? or am I missing something? I don’t see solutions in manual.
    Will mode setting “C” Custom allow “Live viewing” w/ custom “Manual control” to bypass the need to use “M” manual setting that wont allow LCD viewing?
    Camera settings:
    Shooting with LCD (live view shooting)
    mode setting:
    Av - for live viewing and setup of subject
    Then switch to M - Manual for manual control and shutter release
    Also - I would like to connect to Apple Mac Laptop computer, live view on screen, and if possible have the option to record the photos direct to computer hard disk. Can this be done with this camera? IF so, what is needed?
    Best regards,
    J

    -Canon 70D have built-in Wifi, so you can connect your camera with your computer wirelessly for tethered shooting. I have PC so the instruction may be different, but you need to install Canon EOS Utility.
    -You can do everything in M mode even Live View. I think you are doing something wrong here, you may need to re-read your manual regarding this problem.
    -C mode is customized M mode, so you can do everything in C mode also. With C mode, you can save all the setting so you can come back later. It's a great use in your case where you can make your C mode has all the settings for your work, then when you take the camera out to shoot something else, use other mode. Later, when you come back, just switch back to C so you don't have to change anything.
    Weekend Travelers Blog | Eastern Sierra Fall Color Guide

  • EOS 70D is stuck on live view mode

    I've only had my EOS 70D for two days, but I have taken a 5 hour online crash course on the camera.  As of today, I can't get completely out of live mode when taking pictures.  I can see out of my viewfinder, but for some reason, the live view area never goes away and stays on screen.  Yesterday, it worked correctly, but no matter how  many times I press the Start/Stop button now, the live view mode stays up on the screen.  Help!

    This was my question, but I actually figured it out on my own.  I had changed my LCD off/on btn accidentally.  It's working now.  

  • Tethered shooting and Canon live view

    When using tethered shooting with LR3, is it possible to see the live view image (Canon 1dsIII)? I looked for a setting, but couldn't find any.
    Jonathan

    Jonathan,
    No, you can't. Tethering isn't as feature-rich as folks would like.
    Hal

  • Live view from my Canon 7D to my Macbook or iPad2?

    I have a Canon 7d and a Macbook and an iPad2. Can I attach my 7D to my Macbook or iPad and see a live view as if I were looking at the back of my 7d? This is so I can see my subject on my macbook or iPad live as if I were in live view on the back of my 7d

    Which OS are you on? As long as you're not on Lion, you should be able to do it.
    You can accomplish this by using the USB cable that came with your 7D and EOS Utility. To download this app click here.

  • Is there every going to be a app for live view for canon cameras

    trying to see live view on iPad air no app availble

    Hi I guess I should have mentioned I'm using a Canon t2i and I would really like to be able to teather with a cable for RAW to my Ipad Air with out running threw my computer first.EOS remote only works for certain Canon cameras.Thanks any ideas would be appreciated

  • Well Documented Live View Exposure Simulation Issue

    I'm including a number of links which document this issue across multiple canon cameras. After doing a search on the canon forum, I can't find this particular issue, so I thought I'd post and see if we can get an official solution. (New to the Canon forums, so if I'm not looking in the right place, please let me know.)
    In my opinion, the vimeo link illustrates this best. (and while the 2nd link says "solved" ... perhaps the solution could be described as "janky" at best.)
    Basically, from what I can gather: The Live View (*in photo mode) uses the lens's aperture data to update the exposure simulation parameters. This effects the way the LCD and the Histogram interpret exposure settings. If you are using a lens without these digital chips, the Exp. Sim. parameters don't get updated and the liveview/histogram will sometimes appear under exposed when compared to the actual photograph (anywhere from -1 to -4 stops from what I've seen).
    What's strange is that this problem disapears in video mode. Perhaps I don't understand the real issue, but it sounds like a firmware update is needed. Is there an update available(or will there be) that fixes this problem?
    https://vimeo.com/43633270
    http://www.dvxuser.com/V6/showthread.php?246032-dark-live-view-on-T2i-550D-when-using-vintage-manual...
    http://www.dvxuser.com/V6/archive/index.php/t-247001.html

    If I understand you correctly... you're referring to a 3rd party lens designed to fit on a Canon EOS body as an "EF" lens -- not actually suggesting that Canon themselves make a lens that has the problem.  
    Niether Canon nor Nikon (nor anybody else that I am aware of) release the specs to 3rd party lens makers.  Those 3rd parties reverse-engineer the cameras in an attempt to build compatible lenses.  Again, I'd stress that to my knowledge, ALL camera makers are the same in this respect.  It is not a differentiator.  
    Rokinon (and the same lenses are sold under a variety of names) is known for their very cheap lenses.  It's a bit of a case of "you get what you paid for."  
    I don't work for Canon so I'm not trying to argue that you should only consider Canon products.  (I do like their products and am happy with all of my Canon gear.)  But I would probably not reduce my camera buying decisions be decided by just this one feature alone.  There are are so many aspects to consider when buying a camera.  Is this really that important to you?  
    The guy in this video is using a Canon 5D III.  That's a $3500 camera body.  Realistically, no photographer who can afford a $3500 camera body is going to shoot with a Rokinon 14mm lens -- and then have the audacity to expect that it's Canon's fault when the cheap lens isn't fully compatible with the high end $3500 body.   :-/
    There are a number of 3rd party lens makers... Sigma, Tokina, Tamron... and then there are some very high end lens makers... Schneider, Ziess, etc.   But when these lens makers build lenses for the cameras, they actually do tend to work correctly (not always... and sometimes a lens that worked with one body might not continue to work years later when Canon comes out with newer bodies... but Canon's own lenses DO work EVEN when you upgrade camera bodies.  Canon makes certain of that.)
    Rokinon, however (and the same lenses are sold under multiple names... Samyang, Bower, Pro-Optic, etc.) are known for their especially cheap, basic, low-end lenses.  If you are going to buy an exceptionally cheap, basic, low-end lens... you should probably not be at all surprised to learn that there are limitations.   Notice, for example, that the lens has an aperture ring on the lens... modern lenses don't do that anymore.  
    Tim Campbell
    5D II, 5D III, 60Da

  • Help with live view new camera options...

    Hey guys...I have recently bought a hahnel remote shutter release so that I can take pics on the top of a mast around seven metres up.
    I have a 5 inch monitor at ground level to view the pictures taken, using an av cable from the camera. Problem is, I cant get a continuous "live view" image on the monitor, as you need to hold down the * button whilst in live view to auto focus, so I have to put up with just the shot thats been taken showing up after each shot instead!
    Does anyone know of a canon that would offer a continuous live view image on my monitor, without having to press the * button to auto focus?
    Ideally it would be one from the list below, as they are the cameras that my new hahnel wireless remote supports!
    I hope someone can help! cheers!
    List of supported cameras...would any of these offer live view without the need to press * to autofocus and take a shot:
    Compatible Camera Models:
    EOS 1200D / 1100D / 1000D / 650D / 600D / 550D /500D / 450D / 400D / 350D / 300D /
    70D / 60D / 50D / 40D / 30D / 20D / 20Ds /
    10D / 7D / 6D / 5D / 5D Mark II / 5D Mark III
    1D / 1DX / 1DC / 1Ds Mark III / 1Ds Mark IV
    SX50HS
    Powershot G10 / G11 / G12 / G15 / G1X Mk II
    Pentax Pentax K-5 II / K-5 IIs / K-5 / K-7 / K10 / K20 / K50 / K100 /
    K200 / K500
    Samsung GX10 / GX20

    What camera are you using?  Most "modern" Canon SLRs allow you to set focus during live view.   You move a little rectangle around to select your focus area.   But you need more than a monitor, you'd either need a computer (like a small netbook) running EOS Utility, or a tablet with DSLR Remote or equivilent on it.  The 70D and 6D both have WiFi ability, so you can do it from a smart phone, tablet, or computer, no wires needed.

  • Webpage looks good with tranparent boxes and photo background in live view but not in browsers

    If anyone has time to help I would be very grateful.   I am new to dreamweaver and am trying to make a webpage with transparent colums and boxed text using styles.  It looks perfect in "live view" but when I look at it in any browser all formatting is gone.  It looks like the background with text on top layed out wrapped across the entire page.   I have not been able to figure out what is wrong in days of searching.  Does anyone know the answer?
    This first the format I want and is what it looks like in Live View, the second is what it looks like in most browsers.
    Here is the code I used:
    </style>
    <link href="../styles/tcastyles.css" rel="stylesheet" type="text/css">
    <style type="text/css">
    body {
              background-image: url(bamboo.JPG);
              margin-left: 150px;
    a:link {
              color: #600;
              text-decoration: none;
    a:visited {
              text-decoration: none;
    a:hover {
              text-decoration: none;
    a:active {
              text-decoration: none;
              font-family: Verdana, Geneva, sans-serif;
              font-size: 12px;
              font-weight: bold;
    a {
              font-size: 12px;
    body,td,th {
              font-family: Verdana, Geneva, sans-serif;
    .container .faqs h2 {
              line-height: 40px;
    .container .faqs ul li {
              text-align: left;
    .footer {
              padding: 5;
              position: relative;
              clear: both;
    </style>
    <div class="container">
      <div class="header"><span class="menutable"></span><img border="0" src="navigate_projects.jpg" width="307" height="167" usemap="#FPMap0" alt="The Conservation Agency - Project Menu" align="absmiddle" />
        <map name="FPMap0">
          <area shape="rect" coords="132, 112, 172, 127" href="asia.htm" alt="Asia" />
          <area shape="rect" coords="138, 92, 286, 110" href="west.htm" alt="Western Hemisphere" />
          <area shape="rect" coords="138, 73, 279, 89" href="flamingos.htm" alt="British Virgin Islands" />
          <area shape="rect" coords="131, 55, 249, 72" href="turkscaicos.htm" alt="Turks and Caicos" />
          <area shape="rect" coords="121, 35, 244, 52" href="newengland.htm" alt="Narragansett Bay" />
          <area shape="rect" coords="103, 17, 306, 32" href="coyote.htm" alt="Narragansett Bay Coyote Study " />
          <area shape="rect" coords="121, 128, 173, 144" href="pacific.htm" alt="Pacific" />
        </map>
      </div>
      <div class="menu">
        <table width="100%" border="0" align="center" id="menutable">
          <tr>
            <td height="30" align="center" valign="middle"><p><strong><a href="mission.htm">Mission</a></strong></p></td>
            <td height="30" align="center" valign="middle"><p><strong><a href="pubs.htm">Publications</a></strong></p></td>
            <td height="30" align="center" valign="middle"><p><strong><a href="projects.htm">Projects</a></strong></p></td>
            <td height="30" align="center" valign="middle"><p><strong><a href="opps.htm">Opportunities</a></strong></p></td>
            <td height="30" align="center" valign="middle"><p><strong><a href="sponsors.htm">Sponsors</a></strong></p></td>
            <td height="30" align="center" valign="middle"><p><strong><a href="coyote.htm">NBCS</a></strong></p></td>
            <td height="30" align="center" valign="middle"><p><strong><a href="guana.htm">Guana</a></strong></p></td>
            <td height="30" align="center" valign="middle"><p><strong><a href="tca.htm">Contact us</a></strong></p></td>
            <td height="30" align="center" valign="middle"><p><strong><a href="index.htm">Home</a></strong></p></td>
          </tr>
        </table>
      </div>
      <div class="banner">Narragansett Bay Coyote Study</div>
      <d/div>
          <div class="box739">
            <h3>What does NBCS Do?</h3>
            <p>Since 2004 The Narragansett Bay Coyote Study (NBCS) has been developing science-based coexistence and management strategies for our newest top predator.  Coyotes, originally a prairie species, have successfully colonized all parts of the continental and nearshore us in the past 100 years. They reached the islands of Narragansett Bay in the mid-1990s. Since then coyotes have become increasingly abundant and problematic in some island communities.</p>
            <p>In our history of cohabitation with coyotes people consistently  tried to eliminate them by hunting, trapping, and poisoning. Lethal removal  worked for individual problem animals but did not work as a population control strategy. Why? Coyotes have intrinsic physiological and behavioral abilities to control their own numbers. If coyotes are removed they increase reproduction and numbers rapidly rebound. The critical population regulation trigger is competition for food. As long as coyotes are well fed (with few coyotes competing for food) their populations will grow. </p>
            <p>It is also known that opposite effect occurs if coyotes if coyotes are stressed by competition for food. If there are too many coyotes competing for the food available coyotes will drop the the level sustainable by those resources.</p>
            <p>Understanding this relationship, NBCS scientists decided to study the resource use of coyotes on two islands in Narragansett Bay, Rhode Island. We used GPS tracking collars to find out where the coyotes were spending thier time. We theorized that if we could identify important coyote food resources - and control them - the coyotes would bring their own numbers down. NBCS calls this &quot;passive coyote management.&quot;</p>
            <p> Since 2005 when we trapped and collared our first island coyotes we have continually found that the most important food resources to our study are provided by people. That means they are within our control That means we can control coyotes. If we remove anthropogenic resources (human subsidies) coyote numbers will drop to the level sustainable by natural resources. When coyotes are sustained only by natural prey (mice, woodchucks, rabbits, geese, and deer) coyotes numbers will be lower and they will provide helpful pest control services. </p>
            <p>Based our scientific data NBCS generated a set of <a href="coyotes/Best Management Practices for Coexistence with Coyotes - Nov 8 2010.pdf" target="_new">Best Management Practices for Coexistence with Coyotes</a>- basically a toolbox for safe, sustainable, community coyote management. We are working with the towns in our study area to adopt the CBMPs and be the first community in the nation to successfully and sustainably manage coyotes. We also believe other cities and towns might be able to use our results as a template if they are experiencing coyote problems. We have only just begun to implement the CBMPs on our islands. We hope in the near future to have all our towns implementing the CBMPs - only then will we see the full impacts they make on coyote numbers and behavioral problems. You can follow our progress on this website.</p>
          </div>
          <div class="footer">
            <table width="100%" border="0" cellspacing="5">
              <tr>
                <td>Return to top</td>
                <td><a href="mailto:[email protected]">[email protected]</a></td>
              </tr>
            </table>
          </div>
        </div>
      </div>
      <p> </p>
    </div>iv class="faqs">
        <h2>FAQs</h2>
        <ul>
          <li>How do coyotes control their own population numbers?</li>
          <li>bla bla bla</li>
        </ul>
      </div>
      <div class="content">
        <div class="clearbox">
          <div class="col1">
            <h3>Middletown Adopts the CBMPs and passes a No-Feeding Ordinance!</h3>
          </div>
          <div class="col2">
            <h3>Pilot, Java, and the Valley Pack</h3>
          <
    And here are the styles:
    .container {
              height: 1500px;
              width: 975px;
              border: 8px solid #660000;
              float: left;
    .header {
              float: left;
              height: 170px;
              width: 975px;
              background-color: #033000;
    .menu {
              background-color: #FFC;
              float: left;
              height: 30px;
              width: 975px;
              font-family: Verdana, Geneva, sans-serif;
              font-size: 9px;
              color: #660000;
              font-weight: bold;
              margin-bottom: 5px;
    .table {
              font-family: Verdana, Geneva, sans-serif;
              font-size: 8px;
              font-weight: bold;
    .banner {
              float: left;
              height: 100px;
              width: 739px;
              font-family: Verdana, Geneva, sans-serif;
              font-size: 37px;
              font-weight: bold;
              color: rgba(0,51,0,1);
              background-color: rgba(255,255,204,.7);
              text-align: center;
              line-height: 75px;
              border-radius: 5px;
              padding: 5px;
              margin: 5px;
    .clearbox {
              float: left;
              height: auto;
              width: 760px;
    .box739 {
              width: 739px;
              float: left;
              height: auto;
              background-color: rgba(255,255,204,.7);
              font-size: 12px;
              color: rgba(0,51,0,1);
              border-radius: 5px;
              padding: 5px;
              margin: 5px;
    .faqs {
              float: right;
              height: 620px;
              width: 205px;
              font-family: Verdana, Geneva, sans-serif;
              font-size: 12px;
              font-style: normal;
              line-height: normal;
              overflow: scroll;
              background-color: rgba(255,255,204,.7);
              margin: 5px;
              border-radius: 5px;
              font-weight: bold;
              color: rgba(0,51,0,1);
              text-align: center;
    .col1 {
              float: left;
              height: 500px;
              width: 359px;
              background-color: rgba(255,255,204,.7);
              font-size: 12px;
              border-radius: 5px;
              color: rgba(0,51,0,1);
              margin: 5px;
              padding: 5px;
    .col2 {
              float: left;
              height: 500px;
              width: 359px;
              background-color: rgba(255,255,204,.7);
              font-size: 12px;
              border-radius: 5px 5px 5px 5px;
              color: rgba(0,0,0,1);
              padding: 5px;
              margin: 5px;
    .footer {
              position:relative;
              clear: both;
              background-color: rgba(255,255,204,1);
              font-size: 12px;
              color: rgba(0,51,0,1);

    Helo thanks for responding .  I think it uploads...  It says it does as an assocaiated file when I put to the website.  But that sounds like it is the issue. Those format commands seem to be the one it is ignoring.  I am not familiar with html but I see that the href command is what identifies the path to the file I call TCAStyles.  I notice that dw puts all my files in a local public file and the structure is different - with no public file - at the site.
    I am not sure what the 2 dots in the href command mean - there is not a full path.  Is this command valid?  I will try to look into the directory structure on local and remote site and will check for files.

  • Can I use aperture 3 in live view shooting on my macbook pro

    Can I use aperture 3 in live view on my mac boook pro ?

    Why would you use two?
    It is much cheaper and better to simply use a usb drive..
    The TC cannot be linked to store files or automatically back them up.. whereas a usb drive at least will be backed up by Time Machine.
    If you want to do this properly get a real NAS.. that has mirrored drives and real rsync type backup. You can use an airport extreme for wireless.

  • When using Live View, site looks great, browser testing goes crazy

    I am creating a new website (and I am really unexperienced with Dreamwaver CS5).  But when I check my site using "Live View" everything looks great, the way it is supposed to.  Then when I go to test it in my browswer (Primary browser is Chrome) it goes crazy:  I at first noticed that I had saved one copy as an .asp but then resaved it to .xhtml  I did delete the first line of code already that the .asp file created as it kept giving me an error on line 1.
    Then I tried to do a spry drop-down menu bar, which I have deleted since I thought I was doing something wrong with that and I should just stick to what I half-way know.
    If I were to preview the template page it gives me this error:
    This page contains the following errors:
    error on line 150 at column 76: error parsing attribute name
    Below is a rendering of the page up to the first error.
    Here is line 150:
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    If I were to test the index.xhtml page in the browser, it ignores most images (all but one), and the first nav-bar (an editable region) appears to the left instead of under the header.  The layout is totally ignored and everything is on the left-hand side of the screen instead of in a two column layout.
    I am not testing this on a server just off of my computer.
    I am assuming that the error has something to do with the .asp file I first did and when I resaved it, since I don't know what I would be looking for, is still in there screwing it up.
    Here is the code from the template page:
    <!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" />
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>Midwest Window Brokers | Page</title>
    <!-- TemplateEndEditable -->
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    <style type="text/css">
    <!--
    body {
              font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
              margin: 0;
              padding: 0;
              color: #000;
              background-image: url(/images/bkg.jpg);
              background-repeat: repeat;
    /* ~~ 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. */
              text-align: left;
    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: #060;
              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: #666;
              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: #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: #FFF;
    /* ~~ These are the columns for the layout. ~~
    1) Padding is only placed on the top and/or bottom of the divs. The elements within these divs 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.
    2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a div set to float right). Many times, padding can be used instead. For divs where this rule must be broken, you should add a "display:inline" declaration to the div's rule to tame a bug where some versions of Internet Explorer double the margin.
    3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar divs could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.
    4) If you prefer your nav on the left instead of the right, simply float these columns the opposite direction (all left instead of all right) and they'll render in reverse order. There's no need to move the divs around in the HTML source.
    .sidebar1 {
              float: right;
              width: 300px;
              background: #ffffff;
              padding-bottom: 10px;
    .content {
              padding: 10px 0;
              width: 650px;
              float: right;
    /* ~~ This grouped selector gives the lists in the .content area space ~~ */
    .content ul, .content ol {
              padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
    /* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
    ul.nav {
              list-style: none; /* this creates the space between the navigation on the content below */
    ul.nav li {
              border-bottom: 1px solid #666; /* this creates the button separation */
    ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
              padding: 5px 5px 5px 15px;
              display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
              width: 160px;  /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
              text-decoration: none;
              background-color: #DDDECB;
    ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
              background: #ADB96E;
              color: #FFF;
    /* ~~ The footer ~~ */
    .footer {
              padding: 10px 0;
              position: relative;/* this gives IE6 hasLayout to properly clear */
              clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
              background-color: #DDDECB;
              font-size: small;
    /* ~~ 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;
    #h-navbar {
              font-weight: bold;
              height: auto;
              font-size: 18px;
              line-height: 50px;
              background-image: url(/images/navbar2.jpg);
    #h-navbar1 {
              background-image: none;
              background-repeat: repeat-x;
    -->
    </style>
    <script type="text/javascript">
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=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>
    </head>
    <body onload="MM_preloadImages('/images/home2.jpg')">
    <div class="container">
      <div class="header"><a href="/index.xhtml"><img src="../images/heading.jpg" alt="Midwest Window Brokers, Windows, Siding, Roofing, 605-791-5352" name="Insert_logo" width="950" height="200" align="right" id="Insert_logo" style="background: #FFFFFF; display:block;" /></a>
        <div id="h-navbar1"><a href="/index.xhtml"><img src="/images/home.jpg" alt="home" width="159" height="51" id="Image1" onmouseover="MM_swapImage('Image1','','/images/home2.jpg',1)" onmouseout="MM_swapImgRestore()" /></a><a href="/windows.html"><img src="/images/services.jpg" width="151" height="51" alt="services" /></a><a href="/freebay.xhtml"><img src="/images/specials.jpg" width="153" height="51" alt="specials" /></a><a href="/gallery.html"><img src="/images/gallery.jpg" width="152" height="51" alt="gallery" /></a><a href="/roofing.xhtml"><img src="/images/order.jpg" width="152" height="51" alt="order" /></a><img src="/images/blank.jpg" width="75" height="51" /><img src="/images/facebook.jpg" width="38" height="51" alt="facebook" longdesc="http://facebook.com/midwestwindowbrokers" /><img src="/images/twitter.jpg" width="37" height="51" alt="twitter" longdesc="http://twitter.com/midwestwindow" /><img src="/images/google.jpg" width="42" height="51" alt="google+" longdesc="http://https://plus.google.com/u/0/b/108071947231835835141/108071947231835835141/posts" /></div>
      <!-- end .header --></div>
      <!-- TemplateBeginEditable name="navbar" -->
      <div id="h-navbar">
        <div id="h-navbar2">  Content for  id "h-navbar2" Goes Here</div>
      </div>
      <!-- TemplateEndEditable -->
      <div class="sidebar1">
        <ul class="nav">
        </ul>
        <p> <div id="wufoo-z7x3k1">
    Fill out my <a href="http://midwestwindow.wufoo.com/forms/z7x3k1">online form</a>.
    </div>
    <script type="text/javascript">var z7x3k1;(function(d, t) {
    var s = d.createElement(t), options = {
    'userName':'midwestwindow',
    'formHash':'z7x3k1',
    'autoResize':true,
    'height':'601',
    'async':true,
    'header':'show'};
    s.src = ('https:' == d.location.protocol ? 'https://' : 'http://') + 'wufoo.com/scripts/embed/form.js';
    s.onload = s.onreadystatechange = function() {
    var rs = this.readyState; if (rs) if (rs != 'complete') if (rs != 'loaded') return;
    try { z7x3k1 = new WufooForm();z7x3k1.initialize(options);z7x3k1.display(); } catch (e) {}};
    var scr = d.getElementsByTagName(t)[0], par = scr.parentNode; par.insertBefore(s, scr);
    })(document, 'script');</script></p>
        <!-- end .sidebar1 --></div>
      <!-- TemplateBeginEditable name="Body" -->
      <div class="content">
        <h1>Instructions</h1>
        <p>Be aware that the CSS for these layouts is heavily commented. If you do most of your work in Design view, have a peek at the code to get tips on working with the CSS for the fixed layouts. You can remove these comments before you launch your site. To learn more about the techniques used in these CSS Layouts, read this article at Adobe's Developer Center - <a href="http://www.adobe.com/go/adc_css_layouts">http://www.adobe.com/go/adc_css_layouts</a>.</p>
        <h2>Clearing Method</h2>
        <p>Because all the columns are floated, this layout uses a clear:both declaration in the .footer rule.  This clearing technique forces the .container to understand where the columns end in order to show any borders or background colors you place on the .container. If your design requires you to remove the .footer from the .container, you'll need to use a different clearing method. The most reliable will be to add a &lt;br class=&quot;clearfloat&quot; /&gt; or &lt;div  class=&quot;clearfloat&quot;&gt;&lt;/div&gt; after your final floated column (but before the .container closes). This will have the same clearing effect.</p>
        <h3>Logo Replacement</h3>
        <p>An image placeholder was used in this layout in the .header where you'll likely want to place  a logo. It is recommended that you remove the placeholder and replace it with your own linked logo. </p>
        <p><span style="font-size: 18px; color: #C00; font-weight: bold; font-style: italic;">Logo Replacement</span></p>
        <p> Be aware that if you use the Property inspector to navigate to your logo image using the SRC field (instead of removing and replacing the placeholder), you should remove the inline background and display properties. These inline styles are only used to make the logo placeholder show up in browsers for demonstration purposes. </p>
        <p>To remove the inline styles, make sure your CSS Styles panel is set to Current. Select the image, and in the Properties pane of the CSS Styles panel, right click and delete the display and background properties. (Of course, you can always go directly into the code and delete the inline styles from the image or placeholder there.)</p>
        <h4>Backgrounds</h4>
        <p>By nature, the background color on any div will only show for the length of the content. This means if you're using a background color or border to create the look of a side column, it won't extend all the way to the footer but will stop when the content ends. If the .content div will always contain more content, you can place a border on the .content div to divide it from the column.</p>
        <!-- end .content -->
      </div>
      <!-- TemplateEndEditable -->
      <div class="footer">
        <p class="footer"><strong>  <em>References Available!</em>     We accept cash, check, Visa, Discover, MasterCard</strong></p>
          Copyright 2012 Midwest Window Brokers Inc. All Rights Reserved.
        <!-- end .footer --></div>
      <!-- end .container --></div>
    </body>
    </html>

    I had saved one copy as an .asp but then resaved it to .xhtml 
    I'm assuming this is a static web site.  Rename (F2) all your pages with .html or .htm extension. 
    .xhtml is not a valid extension.
    Nancy O.

  • Dreamweaver CS5.5 not displaying fonts correctly in live view

    I've integrated some web fonts into my website, which display properly in every browser on my computer (and more importantly) on on other computers properly; strangely enough, Dreamweaver CS5.5's live view doesn't display them as they should be displayed. The font Raleway is displayed as Times New Roman, and League Gothic as Helvetica. Stranger still, Ubuntu, which I use for my <body> element in general, works fine in all weights and styles. Any advice on how to get the other fonts to work properly?                    

    The code for Exo is simply a link in the <head> element to Google Web Fonts; <link href='http://fonts.googleapis.com/css?family=Exo:100,200,300,400,500,600,700,800,900,400italic' rel='stylesheet' type='text/css'>
    Same goes for Open Sans Condensed (sorry, I confused it with League Gothic in earlier comments): <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700' rel='stylesheet' type='text/css'>
    The code for Raleway, Ubuntu and Museo is here:
    @font-face {
            font-family: "Ubuntu";
            font-style: normal;
            font-weight: 300;
            src: local("☺");
            src: url(/webfontkit-20111222-160801/ubuntu-r-webfont.eot) format("woff");
            src: url(/webfontkit-20111222-160801/ubuntu-r-webfont.svg) format("svg");
    @font-face {
            font-family: "Ubuntu";
            font-style: italic;
            font-weight: 300;
            src: local("☺");
            src: url(/webfontkit-20111222-160801/ubuntu-ri-webfont.eot) format("woff");
            src: url(/webfontkit-20111222-160801/ubuntu-ri-webfont.svg) format("svg");
    @font-face {
            font-family: "Ubuntu";
            font-style: normal;
            font-weight: 500;
            src: local("☺");
            src: url(/webfontkit-20111222-160801/ubuntu-b-webfont.eot) format("woff");
            src: url(/webfontkit-20111222-160801/ubuntu-b-webfont.svg) format("svg");
    @font-face {
            font-family: "Museo";
            font-style: normal;
            font-weight: 300;
            src: local("☺");
            src: url(/MyFontsWebfontsOrderM3529046/webfonts/201E4B_1_0.ttf) format("ttf");
            src: url(/MyFontsWebfontsOrderM3529046/webfonts/201E4B_1_0.eot) format("eot");
            src: url(/MyFontsWebfontsOrderM3529046/webfonts/201E4B_1_0.woff) format("woff");
    @font-face {
            font-family: "Museo";
            font-style: normal;
            font-weight: 500;
            src: local("☺");
            src: url(/MyFontsWebfontsOrderM3529046/webfonts/201E4B_2_0.ttf) format("ttf");
            src: url(/MyFontsWebfontsOrderM3529046/webfonts/201E4B_2_0.eot) format("eot");
            src: url(/MyFontsWebfontsOrderM3529046/webfonts/201E4B_2_0.woff) format("woff");
    @font-face {
            font-family: "Museo";
            font-style: normal;
            font-weight: 700;
            src: local("☺");
            src: url(/MyFontsWebfontsOrderM3529046/webfonts/201E4B_0_0.ttf) format("ttf");
            src: url(/MyFontsWebfontsOrderM3529046/webfonts/201E4B_0_0.eot) format("eot");
            src: url(/MyFontsWebfontsOrderM3529046/webfonts/201E4B_0_0.woff) format("woff");
    @font-face {
              font-family: "Raleway";
              font-style: light;
              src: local("☺");
              src: url(/webfontkit-20120225-212056/raleway-thin-webfont.ttf) format("ttf");
              src: url(/webfontkit-20120225-212056/raleway-thin-webfont.eot) format("eot");
              src: url(/webfontkit-20120225-212056/raleway-thin-webfont.woff) format("woff");
    As you can see, these do reference TTF fonts on my remote server, as well as in my local folder (which mirrors my remote server, obviously).

Maybe you are looking for

  • AirPort status not showing up in menu bar...

    I just started up my computer, and looked at the menu bar for the status of my AirPort connection, and found that it's not shown... Nothing in the troubleshooting manual tells me how to turn it on-- it only tells me that it should always be on.

  • InDesign CS6 for WIndows won't install

    I am getting error message ERROR: DW050: - Adobe InDesign CS6 Common Language Files_AdobeInDesign8CommonLang-en_US: Install failed ERROR: DW050: - Adobe InDesign CS6 Common Base Files: Install failed ERROR: DW050: - Adobe InDesign CS6 Application Fea

  • How do I keep 0 before a number?

    I have the number "06" in a table in Pages and every time I switch tab it keeps deleting it. What should I change to make it keep this leading zero?

  • Nokia 5310 XM - firmware 7.01 ?

    Hi, I've seen in NSU that the firmware 7.01 is available since end of June 2008 for Nokia 5310 XM (RM-303). However, all the product codes for this phone do not have this update available in the NSU (ex: product code 0564420 = EURO all black unbrande

  • What extra equipment do I need to play purchased movies from itunes on my tv?

    What extra equipment is needed to play itunes purchased movies to the tv?