Help With Preview In Browser

Hello. I need some quick help please.
Every time I go to preview in browser, Dreamweaver asks "This
will update the file on the testing server. This might affect
others working on the file." I don't know what happened. Previously
I could go straight to the browser to view my page. But now, if I
hit yes (to continue) to preview in browser, the browser opens and
nothing is displayer. In fact, in the browser the address reads
http://ftp... Eventually it times out.
As of now, the only way to see any changes that I make is to
Put the page, which is annoying and time consuming. So, how do I
change Dreamweaver settings to just allow me to preview the page
and bypass the testing server stuff?
Thank you.

> And I have to have ftp selected as my access method
1. Are you using the real remote host as the Testing Server?
2. Do you need to use a testing server for the survey script?
Or is it a
self-contained third-party script?
3. probably cause of problem- you have entered ftp: into the
"url prefix"
line of the testing server information.
put the url address to the root level of the testing server-
in other words
http://localhost/sitefolder/
if you install a local testing server
http://www.example.com/ if using
the real server as the testing server.
AND- if using the real server for the testing server, ENABLE
using temp
files for preview in browser, otherwise you will overwrite
the current
remote file with the page you have your fingers in!.
best- IF you do need a testing server, install one on your
computer.
Alan
Adobe Community Expert, dreamweaver
http://www.adobe.com/communities/experts/

Similar Messages

  • I'm suddenly in need of help with my Firefox browser (6.0.2)

    Hi there,
    I'm suddenly in need of help with my Firefox browser (6.0.2)
    (OS: I use Windows XP).
    When I open up the browser, all I see is a completely blank white screen, with all the toolbars at the top.
    I know that my physical connections are fine: I've tested the modem, turned the pc off and on etc. and I can also receive/send emails.
    This problem started today, 8th September, 2011 and has never happened before.
    Is it a coincidence that Firefox updated itself just before I logged off yesterday evening? Could it be something to do with this particular new update?
    I've also noted that just before I "open up" Firefox, I now get a small box saying:
    [JAVASCRIPT APPLICATION]
    Exc In Ev handl: TypeError: This oRoot.enable is not a function
    This has never appeared before - I hope it offers a clue a to what is wrong.
    The Browser is not stuck in Safe Mode, by the way.
    Obviously, I can't search for any solutions to the problem on the internet, as I can't physically see any websites!
    (A friend is sending this query on my behalf from their pc)
    Any light you could throw on this confusing problem would be much appreciated. I'd rather not have to uninstall and reinstall Firefox if possible.
    If the only option is to uninstall Firefox and reinstall it from your site, then I'm also in trouble (I can't see the internet or make any downloads).
    In that case, would you be able to send the .exe file as an attachment to my email address? If so, please let me know and I'll give you further details.
    Many thanks in advance.

    A possible cause is security software (firewall) that blocks or restricts Firefox or the plugin-container process without informing you, possibly after detecting changes (update) to the Firefox program.
    Remove all rules for Firefox from the permissions list in the firewall and let your firewall ask again for permission to get full unrestricted access to internet for Firefox and the plugin-container process and the updater process.
    See:
    * https://support.mozilla.com/kb/Server+not+found
    * https://support.mozilla.com/kb/Firewalls
    Start Firefox in <u>[[Safe Mode]]</u> to check if one of the extensions is causing the problem (switch to the DEFAULT theme: Firefox (Tools) > Add-ons > Appearance/Themes).
    *Don't make any changes on the Safe mode start window.
    *https://support.mozilla.com/kb/Safe+Mode

  • HT201541 I need help with updating my browser.

    I need help with updating my browser.  Its telling me that Safari is outdated.

    That is a very old version belonging to Snow Leopard. I take it you are not actually running Yosemite.
    Upgrading to Yosemite
    You can upgrade to Yosemite from Lion or directly from Snow Leopard. Yosemite can be downloaded from the Mac App Store for FREE.
    Upgrading to Yosemite
    To upgrade to Yosemite you must have Snow Leopard 10.6.8 or Lion installed. Download Yosemite from the App Store. Sign in using your Apple ID. Yosemite is free. The file is quite large, over 5 GBs, so allow some time to download. It would be preferable to use Ethernet because it is nearly four times faster than wireless.
        OS X Mavericks/Yosemite- System Requirements
          Macs that can be upgraded to OS X Yosemite
             1. iMac (Mid 2007 or newer) - Model Identifier 7,1 or later
             2. MacBook (Late 2008 Aluminum, or Early 2009 or newer) - Model Identifier 5,1 or later
             3. MacBook Pro (Mid/Late 2007 or newer) - Model Identifier 3,1 or later
             4. MacBook Air (Late 2008 or newer) - Model Identifier 2,1 or later
             5. Mac mini (Early 2009 or newer) - Model Identifier 3,1 or later
             6. Mac Pro (Early 2008 or newer) - Model Identifier 3,1 or later
             7. Xserve (Early 2009) - Model Identifier 3,1 or later
    To find the model identifier open System Profiler in the Utilities folder. It's displayed in the panel on the right.
         Are my applications compatible?
             See App Compatibility Table - RoaringApps.
    Upgrading to Lion
    If your computer does not meet the requirements to install Mavericks, it may still meet the requirements to install Lion.
    You can purchase Lion at the Online Apple Store. The cost is $19.99 (as it was before) plus tax.  It's a download. You will get an email containing a redemption code that you then use at the Mac App Store to download Lion. Save a copy of that installer to your Downloads folder because the installer deletes itself at the end of the installation.
         Lion System Requirements
           1. Mac computer with an Intel Core 2 Duo, Core i3, Core i5, Core i7,
               or Xeon processor
           2. 2GB of memory
           3. OS X v10.6.6 or later (v10.6.8 recommended)
           4. 7GB of available space
           5. Some features require an Apple ID; terms apply.

  • Need help with Preview app on MacBook pro 2011 / Lion.  Strange lockup followed by compounding issues

    Began by not being able to close files when opened in preview. Only way to escape... Force quit of preview program.
    Found help here. Tried multiple fixes - still acting very strange

    OK - I kept on trying and reading everything I could find on the issue.  Finally success!
    moved to the trash -
    ALL  com.apple.preview *.* files in the Library directory
    moved to the trash -
    the directory for com.apple.preview inside the Containers directory
    verified at library the permissions (cmd I) set to read/write
    restarted.....
    all trashed files rebuilt
    all functionality of preview is back!!!
    Hope this helps anyone else who is having trouble with preview!!

  • Error message with Preview in Browser

    When I click on &quot;Preview in Browser&quot; in
    Dreamweaver 8.0 it takes me to a custom error page on our website
    that says &quot; page not found&quot;. For example here is
    the URL it creates for the temporary view page:
    http://ftp.svunet.org/htdocs/annual_conference/TMPfi1yavu5db.htm.
    Why is it trying to create a page on our server and not on my hard
    drive?

    Why is it
    > trying to create a page on our server and not on my hard
    drive?
    Did you define a testing server for this site, and enter the
    remote info?
    That's about the only way this will happen.
    do you need a testing server? is there asp/php/etc dynamic
    server side
    scripting? If not- go into the site definition, click the
    Advanced tab, and
    in the Testing server category, set access to None.
    Alan
    Adobe Community Expert, dreamweaver
    http://www.adobe.com/communities/experts/

  • Help with Frameset and Browser differences

    I hope someone can help me with my Frameset. It works great in Safari but Firefox doesn't recognize the frames. I'm using Dreamweaver CS5.5, Mac OS10.8. Here's the link: http://tonyhertz.com/2012/Frameset_black_white_landscape_photo.html
    Thank you.

    I often work with Photographers.  Sample gallery page:
    http://alt-web.com/GALLERY/Gallery.php
      Not sure what you mean by 2 targets open with one click. 
    What would be best to use instead of Frames?
    Dreamweaver Templates (.dwt files) to composite your site layout and create editable regions for content that will change from page to page.
    http://www.smartwebby.com/web_site_design/dreamweaver_template.asp#1
    Server-Side Includes for common headers, footers & navigation elements.
    http://www.smartwebby.com/web_site_design/server_side_includes.asp
    If you want your header, sidebar and footer to be stationary (always visible), apply  CSS position:fixed  property to those divisions.  For a quick example, see link below.  View source in browser to see the code.
    http://alt-web.com/TEMPLATES/FixedLayout.shtml
    There are many ways to design a user friendly site without those pesky frames.
    Nancy O.

  • Desperately need help with preview/publish problem in Captivate 5

    I'm working with Captivate 5 latest version (incl patch) on a Win 7 computer.
    I have a project of ~120 'light' slides (boxes, buttons, TEBs only on ~30 of the slides), the slide deck is imported from ppt. In addition I have short audio files (recorded with ppt, important into library) for each slide.
    My problem: if I preview 'slide' or 'next 5 slides', everything works - but as soon as I try full project preview or 'from this slide', the audio carries on, but the slide content disappears, I get a white screen that is flickering & a sound like continuous mouse clicks. When flickering, you see elements of other slides appear and disappear, but so quickly (milliseconds) that it's impossible to figure out which slides. And most importantly: WHY?
    I've tested with various slides as starting point and it always plays out as above, thus don't think it's got something to do with a particular slide.
    Hope somebody can help. I'm at my wits end
    BR, Anja

    This sounds like the dreaded Captivate OFOD again.
    Please take a look at this thread and see if it gives you any ideas: http://forums.adobe.com/message/3502240#3502240
    Have you got any operators or punctuation characters involved in those TEBs you mentioned?

  • Need help with upgrading my browser

    I need help to upgrade my window browser, which I use msn 9. I have java 1.5.02 or higher but won't be able to work with.

    Start by checking if you can run Snow Leopard:
    Requirements for OS X 10.6 'Snow Leopard'
    http://support.apple.com/kb/SP575
    Whilst Apple withdrew Snow Leopard from their stores, you can still get it from Apple by calling 1-800-MY-APPLE (if you are in the USA) and they will supply the SL DVD for $20 for a single user, or $30 for a family pack that covers up to 5 Macs.  You can also purchase the code to use to download Lion from the same number (Lion requires an Intel-based Mac with a Core 2 Duo, i3, i5, i7 or Xeon processor and 2GB of RAM, running the latest version of Snow Leopard), or you can purchase Mountain Lion from the App Store - if you can run that:
    http://www.apple.com/osx/specs/
    If you are outside the US call your national Apple Helpline:
    http://support.apple.com/kb/HE57
    If you're in the UK, use this number: 0871 508 4400
    When you have installed it, run Software Update to download and install the latest updates for Snow Leopard.
    UPDATE:
    OS 10.6 Snow Leopard is once again available from the Apple Store:
    http://store.apple.com/us/product/MC573/mac-os-x-106-snow-leopard
    and in the UK:
    http://store.apple.com/uk/product/MC573/mac-os-x-106-snow-leopard
    but nobody knows for how long it will be available.
    To use iCloud you have to upgrade all the way to Mountain Lion:
    http://support.apple.com/kb/HT4759

  • Need urgent help with preview (not sure where this goes)

    Hi,
    Ok so I have a Mac OSX and I was editing one of the best pictures I have ever drawn, I have spent weeks working on it! I was absolutely finished it and admiring it in Preview and I was using Sketchbook Pro to edit it. Suddenly Sketchbook Pro quit working then I force quit it thinking nothing would happen! Then Preview stopped working and I quit that too. When I clicked to reopen the file I could not open it! The pop up reads when I try to open it that the file may be damaged or use a file format that is not recognized by Preview. Also the icon before was a small preview of what the picture looked like and then it was turned to the default image of preview. Preview could previously open it and now it can't, the file format the picture was in was .tiff and I checked if preview could open any other tiffs and it CAN! I hadn't activated Time Share either so I can not go back before my file was damaged. This is so maddening and I hope I will not have to start all over again! Please help me!!!!

    I thought you might have saved it at the transitional spot iCloud. This transitional spot iCloud automatically saves changes. If it is not there and you dont have a backup of it, I wish i knew more. Sorry. This is my open screen in preview.

  • Help with Preview formatting please

    Since upgrading to OS X (10.7.3), all Word documents, when opened in Preview, appear as a single sheet without top and bottom margins. They also print like this, just running on and on without a break. This doesn't happen with PDFs and didn't happen prior to the upgrade.  Does anyone have any ideas how to correct this, pls?

    Hello ekrapple,
    Thank you for using Apple Support Communities!
    Sounds like your Pages documents are not printing out correctly.
    I suggest these troubleshooting steps from this article:
    Troubleshooting printer issues in OS X
    http://support.apple.com/kb/TS3147
    Use Software Update to find and install the latest available updates. If an update is installed, see if the issue persists.
    Open the Print & Scan pane or Print & Fax (Snow Leopard) pane in System Preferences.
    Delete the affected printer, then add the printer again.
    If the issue persists, try these additional steps:
    Reset the printing system, then add the printer again.
    If the issue still persists, reset the printing system again.  Download and install your printer's drivers. Then, add the printer again.
    Contact the printer vendor or visit their website for further assistance.
    Regards,
    Sterling

  • Need help with images in browser!

    Hey all,
    So I'm building my very first website, and I've reached my first roadblock. I'm trying to set up a grid of images, and most (7 out of 9) of the images appear in my browser when I preview in Safari and Firefox (haven't tested any others). These other two images just won't appear in the browser, but instead give the "alt" name.
    These images are stored on my hard drive, as I do not have my own domain yet. I want to get my site looking/working how I want before I begin moving it to a server (is this even a good strategy, or is testing/previewing on a server vital?).
    My directory for the images is this: /Desktop/Webpage/Images
    My code for the images looks like this:
    <img src="Images/Wale.png" class="center" alt="Wale" />
    The class is referenced from a css style sheet to place the image in the center of a div.
    All images are stored within the same folder, all are PNG files, and all have the same code format as shown above (some are left and right justified, however). Like I said, this format works for all except two of the images, does anyone see the problem? Thanks!

    Here's the HTML code in its entirety:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Pure Optics Productions</title>
    <link href="MasterStyleSheet.css" type="text/css" rel="stylesheet" />
    </head>
    <body>
        <div align="center" style="width: 800px; margin: 0 auto;">
            <div>
                <img src="PureOptics.png" alt="" style="height: 200px; width: 300px;" />
            </div>
            <div class="row" align="center">
                <img src="Images/XV_thumb_round.png" class="left" alt="XV" />
                <img src="Images/PacDiv_thumb_round.png" class="right" alt="PacDiv" />
                <img src="Images/Monster_thumb_round.png" class="center" alt="MonsterCables" />
            </div>
            <div class="row" align="center">
                <img src="Images/Guante_thumb_round.png" class="left" alt="Guante" />
                <img src="Images/Kristoff_thumb_round.png" class="right" alt="KristoffKrane" />
                <img src="Images/StephFloss_thumb_round.png" class="center" alt="StephFloss" />
        </div>
            <div class="row" align="center">
                 <img src="Images/BigSean_thumb_round.png" class="left" alt="BigSean" />
              <img src="Images/TheClipse_thumb_round.png" class="right" alt="TheClipse" />
              <img src="Images/Wale.png" class="center" alt="Wale" />
            </div>
        </div>
    </body>
    </html>
    And here is the CSS code:
    @charset "UTF-8";
    /* CSS Document */
    body
        background-color: #333333;
    div.row
        width: 100%;
        height: 170px;
    img.left
        width: 240px;
        height: 135px;
        float: left;
    img.right
        width: 240px;
        height: 135px;
        float: right;
    img.center
        width: 240px;
        height: 135px;

  • Help with choosing column browser options

    Hi, i have moved a compilation album into itunes but it is showing as seperate artists. I have read that using the column browser sorts this but when i go onto the menu all the options are greyed out and cannot be chosen.... Why???

    I believe that OS X included Safari 1.0 in Jaguar. If not then Internet Explorer was included.
    Presently I don't think any of the new browsers you can download will work with any earlier version of OS X than Panther (10.3.x.)
    You can search for all Mac free and shareware at VersionTracker or MacUpdate.

  • New Mac user looking for help with Finder, Preview, Keyboard, & Dock

    So about a month ago I switched over from a lifelong Windows user to a brand new MacBook Pro, and while I am adjusting pretty well, there are still some things that I haven't quite figured out.
    First up on the list is Finder! I like my files to be arranged just like how they are in Windows Explorer--folders first alphabetically, then files alphabetically. I've managed to acquire this setting by messing around with the "clean up by" and "arrange by" functions but I don't really know the specific combination. Most of the time these preferences are saved and set as the defaults under "View Options" but every once in a while it resets and I have to tinker around with the settings all over again. Does anyone know of a way to fix this? It's only happened twice so far, but I'd rather not have it happen again. Also, occasionally when I delete an item, there is a blank space left where the icon was instead of all the files following it bumping up a space. Any quick fixes for this bug?
    Next up is Preview. Again, I like the Windows Way and I like to be able to browse between the files in a folder while using Preview/Windows Photo Viewer. I know that there is a way to browse between files if you select the whole folder and stick it in Preview, but is there a way to achieve the same result without having to do that? An app or "extension" of some sort that adds arrows in to browse between photos? I've had no luck finding anything other than the aforementioned option. Is there a good free alternative to Preview that will function similarly with the browse between photos option?
    One of my favorite things about my new Mac is the backlit keyboard function. My old laptop didn't have it and as someone who is online more often at night it is super helpful. But is there a way to turn it off during the day/in bright settings? A way to put it on a timer? In System Preferences I selected the option "Adjust keyboard brightness in low light", which I assumed to mean would have the keyboard NOT very bright when there IS light, but it continues to light up just the same. Any apps or extensions to help with this one?
    And finally, the dock! This question is more about aesthetics than functionality but help is appreciated all the same. Currently, my dock looks like this: http://i42.tinypic.com/35ktxlz.png It is rather opaque and the indicator lights can barely be seen. However, in a lot of tutorial videos I've been watching, many people have docks that look like this: http://i.i.cbsi.com/cnwk.1d/i/tim/2011/07/19/Lion_LaunchPad.png It is a darker shade of gray, the divider is dashed rather than a straight line, and the indicator lights are clearly visible. Does anybody know how to get this look for the dock? I've looked in the dock preferences but there's not really anything in there other than magnification/size/effects.
    That about sums things up! I'm sorry if any of these seem like "silly" questions but they are all things I have been unable to find answers for. Any and all tips, tricks, and help is appreciated! Thanks in advance for all your help!!

    congratulations on coming over from the dark side.
    Seems like you are interested in column view, which would show you the hierarchy of folders and files:  Column View in Mac OS X Mountain Lion - For Dummies Not sure what's going on if your finder settings don't stay put. May be a corrupted preferences file, which is easy to fix, but is perhaps a topic for another discussion.
    What I'd suggest is to have an open mind and try to see what the mac can do, rather than force it to look like your windows machine. I mean, if you just want it to look like windows, then why bother switching? If you give it a little time, you'll start to appreciate the mac way of doing things, and see how it is infinitely more awesome, powerful, creative, intuitive, and better designed (and the software way better written)  than what you left behind. But that's your call.
    There are some threads on this forum with complaints about the backlight. Keyboard backlight settings query...: Apple Support Communities  Evidently it depends on the angle of the screen and the light sensor relative to the light. Some suggest that a SMC reset may help: Intel-based Macs: Resetting the System Management Controller (SMC)  This is not an issue for me, I just adjust the brightness with the keyboard buttons if I want. Real men shift their own gears, drink their coffee black, and adjust their own keyboard brightness. I am not aware of any software to exert more control over this feature but a search of macupdate  Download Apple Mac Software & iPhone Software : MacUpdate may help. I mean, it's up to you what is important. I can waste a lot of time playing around with the GUI and with unnecessary software, or I can just get my work (and play) done.
    You might prefer the no-glass dock, that removes the shelf, and makes the indicator lights like more discrete orbs. You can do this with the terminal. Using the terminal is also, perhaps, a topic for another discussion.I like the 2D dock much better. If you want I'll give you some directions for how to do it. Otherwise, here's a reference: 2D Dock - MacRumors Forums

  • Preview in Browser and Adobe Browser Lab show website differently? Please help

    Hi...working on my first website and I have a question about the differences in viewing the site through
    choosing file...preview in browser....
    from within Dreamweaver, and using the Adobe Browser Lab to view the website.
    There seems to be a very significant difference between the two. When I preview firefox from within dreamweaver, my site is just how I want it.
    When I go to browser lab, it is...well... a disaster.
    I'm attaching screenshots of the two as well as my code, so it can show how different they are. Here is a screenshot of the website as it looks when I use the preview in browser function from within dreamweaver to view it in firefox. This is how I'd like it to look.
    And here is a screenshot of what it looks like when I preview it in Adobe Browser Lab in Firefox.
    The quote is underneath the logo, the left div text is flowing over the center div, the nav bar graphics are too narrow, the photo is hanging outside the div it should be contained in. Not what I want.
    Does anyone have any insight into how I would fix this or which version is correct?
    I'm stumped. This is my first website: shouldn't these two things be similar? And which one is correct?
    and here is my code:
    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Your Career Direction Career and College Counseling</title>
    <style type="text/css">
    <!--
    @font-face {
        font-family: 'museo_sans_500regular';
        src: url('museosans-500-webfont.eot');
        src: url('museosans-500-webfont.eot?#iefix') format('embedded-opentype'),
             url('museosans-500-webfont.woff') format('woff'),
             url('museosans-500-webfont.ttf') format('truetype'),
             url('museosans-500-webfont.svg#museo_sans_500regular') format('svg');
        font-weight: normal;
        font-style: normal;
    @font-face {
        font-family: 'museo_sans_500italic';
        src: url('museosans-500italic-webfont.eot');
        src: url('museosans-500italic-webfont.eot?#iefix') format('embedded-opentype'),
             url('museosans-500italic-webfont.woff') format('woff'),
             url('museosans-500italic-webfont.ttf') format('truetype'),
             url('museosans-500italic-webfont.svg#museo_sans_500italic') format('svg');
        font-weight: normal;
        font-style: normal;
    @font-face {
        font-family: 'binary_itcregular';
        src: url('binaritcbol-webfont.eot');
        src: url('binaritcbol-webfont.eot?#iefix') format('embedded-opentype'),
             url('binaritcbol-webfont.woff') format('woff'),
             url('binaritcbol-webfont.ttf') format('truetype'),
             url('binaritcbol-webfont.svg#binary_itcregular') format('svg');
        font-weight: normal;
        font-style: normal;
    }body {
        margin: 0;
        padding: 0;
        color: #000;
        font-size: 100%;
        line-height: 1.4;
        background-image: url(images/background.gif);
        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;
        font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
    h1 strong {
        color: #C60651;
        font-size: 90%;
        font-family: "Binary ITC Bold";
    h1 strong em {
    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:#414958;
        text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
    a:visited {
        color: #4E5869;
        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 container surrounds all other divs giving them their percentage-based width ~~ */
    .container {
        width: 80%;
        max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
        min-width: 780px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
        background: #FFF; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
        margin-top: 0;
        margin-bottom: 0;
        margin-right: auto;
        margin-left: auto;
        font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300";
        border-right-width: thick;
        border-left-width: thick;
        border-right-style: solid;
        border-left-style: solid;
        border-right-color: #C60651;
        border-left-color: #C60651;
    /* ~~ 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 {
        padding-top: 40px;
        font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
    #Quote {
        float: right;
        clear: left;
        margin-right: 50px;
    /* ~~ 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 right instead of the left, simply float these columns the opposite direction (all right instead of all left) and they'll render in reverse order. There's no need to move the divs around in the HTML source.
    .sidebar1 {
        float: left;
        width: 15%;
        padding-bottom: 10px;
        margin-top: 40px;
        border-top-color: #FFF;
        border-left: #FFF;
        margin-left: 25px;
        background-color: #FFF;
        font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
    .content {
        width: 60%;
        float: left;
        margin-top: 40px;
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 0;
        font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
    .sidebar2 {
        float: left;
        width: 30%;
        background-color: #D3CCB2;
        margin-top: 40px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 0;
        border-top-color: #FFF;
        border-right-color: #FFF;
        border-bottom-color: #FFF;
        border-left-color: #FFF;
        border-right-width: 5px;
        font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
    /* ~~ This grouped selector gives the lists in the .content area space ~~ */
    .content ul, .content ol {
        padding-top: 0;
        padding-right: 25px;
        padding-bottom: 15px;
        padding-left: 60px;
        font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300";
        font-size: 100%;
        color: #666;
    #Quote {
        float: right;
        clear: both;
    /* ~~ 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 */
        font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
        line-height: 250%;
    .nav {
        font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
    ul.nav li {
        font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
    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. */
        text-decoration: none;
        color: #333333;
        background-color: #FFF;
        font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
    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 */
        color: #C60651;
        font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
        background-color: #FFF;
        background-image: url(images/navbar2.gif);
    /* ~~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 */
    /* ~~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;
    .container .content {
        width: 50%;
        font-size: large;
    #footer {    width: 100%;
        background-color: #FFF;
    .container .sidebar2 h4 img {
        padding-left: 20px;
        padding-top: 0px;
    .sidebar2 p img {
        border: medium solid #C60651;
    #Insert_logo2 {
        border-top-width: 4px;
        border-right-width: 4px;
        border-bottom-width: 4px;
        border-left-width: 4px;
        border-top-color: #fff;
        border-right-color: #fff;
        border-bottom-color: #fff;
        border-left-color: #fff;
    .container .content p .content strong {
        font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
    .container .content .content {
        font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
    .container .content ul li strong {
        font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
        font-size: 95%;
        line-height: 150%;
        list-style-type: disc;
    test {
        font-family: "Binary ITC Bold";
    .container .sidebar2 p img {
        margin-right: auto;
        margin-left: auto;
        border-top-width: medium;
        border-right-width: medium;
        border-bottom-width: medium;
        border-left-width: medium;
        border-top-color: #C60651;
        border-right-color: #C60651;
        border-bottom-color: #C60651;
        border-left-color: #C60651;
    li strong {
        line-height: 130%;
        list-style-type: circle;
        color: #978980;
    .container .content ul {
    .container .sidebar1 .nav {
        margin-top: 10px;
        margin-bottom: 10px;
    .nav li a {
        background-image: url(images/navbar2.gif);
        background-repeat: no-repeat;
        background-position: right center;
        left: auto;
        right: auto;
        clip: rect(auto,auto,auto,auto);
    .container .sidebar1 h6 {
        padding: 0px;
        color: #000000;
    #footer h3 strong {
        font-size: 60%;
        color: #978980;
    .container .content p {
        padding-left: 5%;
        padding-right: 5%;
        font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
    .container .sidebar2 p {
        padding-right: 8%;
        padding-left: 8%;
        padding-top: 5px;
    #Insert_logo2 #Insert_logo2 {
        padding-left: 15px;
    .container .content ul {
        color: #C60651;
    h6 {
        color: #000;
        font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
    .sidebar1 h8 strong {
        font-size: 80%;
        font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300";
    .container .sidebar1 h7 {
        font-size: 40%;
        color: #978980;
    .h7 {
        font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
        font-size: 15%;
    .container .sidebar1 h8 {
        font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
    -->
    </style><!--[if lte IE 7]>
    <style>
    .content { margin-right: -1px; } /* this 1px negative margin can be placed on any of the columns in this layout with the same corrective effect. */
    ul.nav a { zoom: 1; }  /* the zoom property gives IE the hasLayout trigger it needs to correct extra whiltespace between the links */
    </style>
    <![endif]--></head>
    <body>
    <div class="container">
      <div class="header"><!-- end .header -->
        <p class="clearfloat"><a href="#" id="Insert_logo2"><img src="images/YCD-logo-tag-RGB-web-SM.gif" alt="Insert Logo Here" name="Insert_logo" width="638" height="110" id="Insert_logo2" style="background: #FFF
        ; display:block;" /></a></p>
        <div id="Quote"><img src="images/quote.gif" alt="Choose a job you love" width="355" height="81"></div>
        <p class="clearfloat"> </p>
      </div>
      <div class="sidebar1">
        <ul class="nav">
          <li><a href="#">Home</a></li>
          <li><a href="#">Students</a></li>
          <li><a href="#">Parents/Educators</a></li>
          <li><a href="#">Professionals</a></li>
          <li><a href="#">Bio/Contact</a></li>
          <li><a href="#">Q &amp; A Blog</a></li>
          <li><a href="#">Testimonials</a></li>
        </ul>
        <p> </p>
        <p> </p>
        <p> </p>
        <h8><strong>Your Career Direction</strong><br></h8>
        <h6>96 Harvard Avenue<br>
        Maplewood NJ 07040<br>
        [email protected]<br>
        (973) 996-0207</h6>
        <h7>© Your Career Direction, LLC, 2012<br>
      </h7>
        <p> </p>
      </div>
      <div class="content">
        <h1><strong><img src="images/Whether-you-are.gif" width="266" height="48" alt="Whether you are"></strong></h1>
        <ul>
          <li><strong>Considering your college choices &amp; career options</strong></li>
          <li><strong>Preparing for the world of work after college</strong></li>
          <li><strong>Seeking a new position to further your career</strong></li>
          <li><strong>In-transition and considering new opportunities</strong></li>
          <li><strong>Seeking to make a significant and meaningful career</strong> <strong>change</strong></li>
        </ul>
        <p> </p>
        <h1><img src="images/One-thing-is-for-sure.gif" width="310" height="38" alt="One thing is for sure"></h1>
        <p>We all need to direct our own careers, our own lives!</p>
    <p>Given today's competitive job market, global economy, and changed corporate culture, we can no longer depend upon others to ensure our professional futures. Choosing or changing your career direction requires self-reflection, career education and an action plan. </p>
    <p> Building a successful and rewarding career requires linking your interests, education and skills, with trending industries, job opportunities and your experience.  It takes making smart decisions about your college major, vocational training and continuing education options. With motivation, persistence and top notch job search skills, you can succeed in finding a path to building a career that is right for you.</p>
    <p>At Your Career Direction, we are your advocate. We listen, assess, strategize, inspire, counsel, and network on your behalf. With a personalized, holistic approach, we'll work with you to help you create an action plan; a path designed to get you to where you want to go. </p>
    <p> </p> 
    <!-- end .content --></div>
      <div class="sidebar2">
        <p><img src="images/Counselingastudent.gif" width="321" height="256" alt="Lisa Mark counseling a student"></p>
        <p>By combining an understanding of your interests and current skills with what&rsquo;s happening in today's marketplace we&rsquo;re able to partner with you to develop new career ideas, target companies, and generate job and internship opportunities. We provide step by step assistance to ensure success in your written communications, presentation skills, job search, interviews and life choices.</p>
    <p>At Your Career Direction, YOUR career is our passion. Our mission is to educate and counsel you to choose your own path in life and become what you want to be. </p>
    <p> </p>
    <p> </p>
      <!-- end .sidebar2 --></div>
      <div class="footer">
        <div id="footer">
          <h3 align="center"> </h3>
        </div>
        <p> </p>
      <!-- end .footer --></div>
    <!-- end .container --></div>
    </body>
    </html>
    Thanks for your help.

    You are using % widths for your layout which means it will look different depending of the size of each users monitor. Although this is probably the better way to go these days, it is not one size fits all and will work more effectively if you include min and max widths, and also media queries that change your layout depending on the monitor size. This is more advanced coding and will take time if you want to do that. Alternatively, you could design using pixel widths and have it look consistent across all desktop browsers and throw a few media queries in for the mobile side.
    Responsive Web Design
    http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/#more-7 5660
    More on Media Queries
    http://mobile.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mo bile-version-of-your-website/

  • Help 'Preview in Browser 'not working

    When I click Preview in Browser in either locations my browser doesn't open. Any idea why?
    I can export it and open it in a browser with no problems
    When I press Preview in Browswe it looks as though it's exporting the files (ie the task bar top left is running) but nothing happens and I can't locate the files anywhere.
    Any one else experienced this?
    Your help is really appreciated.

    The files go to a Temp folder which can be hard to find. Don't know about the rest.
    Don
    Don Ricklin, MacBook 1.83Ghz Duo 2 Core running 10.4.9 & Win XP, Pentax *ist D
    http://donricklin.blogspot.com/

Maybe you are looking for

  • Imac late 2006. Is it my logic board?

    Ok so I tried everything and its about to be a year. so ill just start from the beginning so around this time last year I Believe it was on Christmas eve or before it anyway's I decided to buy mac OSX snow leopard because my mac was still running on

  • How can i transfer media from my pc to my samsung convoy 3

    i cant seem to figure out how to transfer media from my pc to my samsung convoy 3. its really fustrating. can anyone help

  • LCD becomes fuzzy after connects with T61p through VGA port

    Hello, I have a Dell E207WFP LCD which is previously connected to a Dell desktop through VGA. Today I connect it to my T61p through VGA using the same cable. I am able to setup the resolution as native resolution which is 1680*1050 @ 60Hz. However, I

  • How to create a 'Link to a Document' Item in a SharePoint Document Library using power shell?

    Hi, I have a document library with "Link to a document" content type. And, I have to add some links into that library using powershell. I have searched enough regarding approachs for adding a link into the library in powershell but i did not get anyt

  • Can't get rid of old icloud acount

    I created an icloud account some years ago but haven't used it in a long long time as I no longer use that email address.  The problem I have is that my shiny new iphone 5c which I registered this afternoon has backed itself up of my previous 3GS inf


HashFlare