CSS alignment disparities and fix: LIVE View & Browser Lab views

The upper half is LIVE View in DW CSS5.5 while the lower left is IE 9 and the lower right is FF 11 in BrowserLab.  Why such a disparity between LIVE View and IE9 and FF11?  You may notice that the horizontal navigation bar is only properly aligned in the IE9 view.  In fact the IE9 is exactly as I want this dwt file to look like.  I am redesigning my current web site and working solely on the dwt file.   These are the dwt and CSS code views. Where do I start to have FF aligned as IE9 and to fix the misleading LIVE view image.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
  <meta name="generator" content="HTML Tidy for Linux/x86 (vers 11 February 2007), see www.w3.org" />
  <meta name="description" content="Dillmans of Notasulga, Alabama" /><!-- Loading favicon -->
  <link rel="shortcut icon" type="image/x-icon" href="http://frankdillman.com/images/favicon/pryapus.ico" />
  <!-- Link to style sheet for this web site -->
  <link href="../css/frdstyles.css" rel="stylesheet" type="text/css" />
  <!-- Title below is for browser title bar and search engines only -->
  <!-- TemplateBeginEditable name="doctitle" -->
  <title>The Dillmans of Notasulga, AL</title><!-- TemplateEndEditable -->
  <!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body style="margin: 0; padding: 0">
   <div id="wrap">
  <!--Start of page header -->
  <div id="header">
    <img src="../images/forest.gif" alt="forest gif" style="position:absolute; top: 5px; left: 5px" />
    <h1 style="margin-top: 0">Dillmans of Notasulga, AL</h1>
  </div>
  <!--End of page header-->
  <!--Start of horizontal nav bar-->
  <div id="navigationbar">
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a class="MenuBarItemSubmenu" href="#">us</a>
        <ul>
          <li><a href="#">Frank</a></li>
          <li><a href="#">Dorothea and me</a></li>
          <li><a href="#">Grandkids</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">local interest</a>
        <ul>
          <li><a href="#">Notasulga</a></li>
          <li><a href="#">Macon County</a></li>
        </ul>
      </li>
      <li><a class="MenuBarItemSubmenu" href="#">recreation</a>
        <ul>
          <li><a class="MenuBarItemSubmenu" href="#">stained glass</a>
            <ul>
              <li><a href="#">Item 3.1.1</a></li>
              <li><a href="#">Item 3.1.2</a></li>
            </ul>
          </li>
          <li><a href="#">GPry Dogs</a></li>
          <li><a href="#">Goats</a></li>
          <li><a href="#">Orchids</a></li>
          <li><a href="#">Genealogy</a></li>
          <li><a href="#">Farm </a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">politics</a>
        <ul>
          <li><a href="#">TEA Party Locator</a></li>
          <li><a href="#">Misc. Notes</a></li>
          <li><a href="#">Elections</a></li>
          <li><a href="#">Legislature</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">links</a>
        <ul>
          <li><a href="#">Not Forever Wild</a></li>
          <li><a href="#">Dillman Family Assoc.</a></li>
          <li><a href="#">Military</a></li>
        </ul>
      </li>
    </ul>
  <!--End of horizontal nav bar-->
  </div>
  <!--Start of page sidebar-->
  <div id="sidebar">
  </div>
  <!--End of page sidebar-->
  <!--Start of main content-->
  <div id="main">
    <!-- TemplateBeginEditable name="frankbody" -->page body - do not take closing div <!-- TemplateEndEditable -->
  </div><!--End of main content-->
  <!--Start of page footer -->
  <div id="footer">
    <table style="width: 100%" summary="footer items">
      <tr>
        <!-- TemplateBeginEditable name="page footer1" -->
        <td style="width: 75px"> </td>
        <td style="width:150px; text-align: right">
          <div id="update">
            <!-- #BeginDate format:En2m -->05-Dec-2012  15:03<!-- #EndDate -->
          </div>
        </td><!-- TemplateEndEditable -->
        <td style="width:150px; text-align:center">
          <div id="copyright">
            &copy; 2008, 2009, 2010, 2011, 2012
          </div>
        </td><!-- TemplateBeginEditable name="footer2" -->
       <!-- <td style="width:100px; text-align:center"><a href="http://validator.w3.org/check?uri=referer"><img src=
        "http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a></td> -->
       <!-- <td style="width:100px; text-align:center"><a href="http://jigsaw.w3.org/css-validator/"><img style=
        "border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss" alt=
        "Valid CSS!" /></a></td>  -->
        <!-- TemplateEndEditable -->
      </tr>
    </table>
  </div><!--End footer-->
    <!--close wrap--></div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
   </script>
</body>
</html>
CSS file:
/*stylesheet.css for my personal pages*/
/* Body text and page background */
body{
     margin:0;
     padding: 0;   
     font-family: 'Book Antiqua', Times, Serif;
     font-size: medium;
     color: #000000;
     background-color: #FFFFFF;
#wrap{
    margin: 0 auto;
    width: 860px;
    position: relative;
/*Style for main content */
#main{
    margin-left:14.5em;
    margin-right:0;
    padding: 5px;
    text-align: justify;
    background-color: #B2F63D;
    color: #333333;
/* Page header style 4Dec2012 testing additonal height: auto line of code suggested by http://www.adobe.com/inspire-archive/january2011/articles/article2/index.html?trackingid=I EHCL */
#header{
    top:100px;
    left:0;
    width:100%;
    height: auto;
    height:50px;
    background-color: #BF9230;
    border-bottom: thick solid #000000;
/*horizontal naivagion bar using spry*/
#navigationbar {
/*Style for sidebar column  with total width of 10.5em and top:5.25em   UNABLE to GET top to align with body top.  Adjusting sidebar top has no effect */
#sidebar {
    position: fixed;
    top: 5.25em;
    left: 4.65em;
    font-family: Arial, Helvetica, sans-serif;
    float: left;
    display: inline;
    padding: 2em;
    width: 10.5em;
    background-color: #619A00;
    border-right: thin solid #000000;
.redbold {
    color: #FF0000;
    font-weight: bold;
.quotetext {
    font-style:italic;
.bluebold {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-variant: normal;
    color: #0066CC;
    text-decoration: none;
    text-align: center;
  /*Level 1 Headings */
h1{
    font-family: 'Lucida Handwriting', 'Comic Sans MS', TSCu_Comic, cursive;
    font-size: x-large;
    color: #00008b;
    text-align: center;
/*Level 2 Headings */
h2{
     font-family: 'Lucida Handwriting', 'Comic Sans MS', TSCu_Comic, cursive;
    font-size: large;
    color: #00008b;
    text-align: center;
/*Level 2 Headings in red*/
h2_red{
    font-family: 'Lucida Handwriting', 'Comic Sans MS', TSCu_Comic, cursive;
    font-size: large;
    color: #FF0000;
    text-align: center;
    font-weight: bold;
/*Level 3 Headings */
h3{
    font-family: 'Lucida Handwriting', 'Comic Sans MS', TSCu_Comic, cursive;
    font-size: medium;
    color: #00008b;
    text-align: center;
/* Unvisited links */
a:link{
   color: #00bfff; /* sky blue */
   text-decoration: underline;
/* Visited links (no underline) */
a:visited{
color: #ff00ff; /* fuchsia */
text-decoration: none;
/* Hover links (red no underline) */
a:hover{
color: #ff0000; /* red */
text-decoration: none;
/* Active links (green no underline) */
a:active{
color: #00ff00; /* green */
text-decoration: none;
/*Float image to left of paragraph*/
img.floatLeft{
   float: left;
   margin-right: 5px; margin-top: 5px; margin-bottom: 5px;
/* Float image to right of paragraph */
img.floatRight{
float: right;
margin-left: 5px; margin-top: 5px; margin-bottom: 5px:
/* Center image between margins */
div.center{
width: 100%;
text-align: center
/* Page footer style */
#footer{
     clear:both;   
     height: 42px;
     width: 100%;
     background-color: #BF9230;
     border-top: thick solid #000000;
/*Page footer and automatic update of date */
#update{
   font-family: 'Times New Roman', Times, serif;
   font-size: x-small;
   color: #000000;
   text-align: left;
   margin-left: 7em;
/*Page footer copyright dates */
#copyright{
   font-family: 'Times New Roman', Times, serif;
   font-size: x-small;
   color: #000000;
   text-align: left;
   margin-left: 3em;
/*Style for tables of thumbnail images: lesson5, chapter2*/
tables.thumbs{
    vertical-align: middle;
    text-align: center;
    border-collapse: collapse;
/*Style for table cells that contain thumbnails*/
td.thumbs{
    border: solid 1px #00bfff;
    padding: 5px;
/*Style for thumbnail images*/
img.thumbs{
    width:100px;
/* determine if in use.  If not delete
.legislative {
    color: #800000;
    font-size: 24px;
    font-style: normal;
    font-weight: bold;
    text-decoration: blink;

I think it's fair to say Spry is not your best option anymore.  Spry 1.6 was a pre-release version made in 2006.  It neither works well in IE9 nor touch screen devices (iPhone, iPad, etc..) because it predates them.
You could switch to Spry Menu 2.0 from the Widget Exchange (the last version made), but Adobe has abandoned the Spry framework in favor of jQuery:  
http://blogs.adobe.com/dreamweaver/2012/08/update-on-adobe-spry-framework-availability.htm l
Other Menus:
     Pop-Menu  Magic2 by PVII (DW extension purchase)
    http://www.projectseven.com/products/menusystems/pmm2/index.htm
    jQuery Superfish
    http://users.tpg.com.au/j_birch/plugins/superfish/
    jQuery Mega Menus 
    http://www.javascriptkit.com/script/script2/jkmegamenu.shtml
    CSS3 Dropdown Menus
    http://www.red-team-design.com/css3-dropdown-menu
    10 Responsive Menus
    http://speckyboy.com/2012/08/29/10-responsive-navigation-solutions-and-tutorials/
Nancy O.

Similar Messages

  • How to configure a shell and tube heat exchanger with Lab VIew to get data

    HiI
    In our undergraduate chemical engineering labboratory we want to configure our shell and tube heat exchanger  with a DAq and Lab VIEW to get information about the temperaure (of the cold fluid stream being heated), the pressure (of the steam on the shell side of the heat exchanger) and the flowrate (of the water being heated).
    Can anyone suggest thermocouples, pressure transducers and flowmeters to fit between the heat exchanger and the DAq?
    P.S. the heat exchanger is already fitted with thermometers, a pressure gauge and a rotameter but we don't know how to connect these hardware to the DAq
    Solved!
    Go to Solution.

    It sounds like you have enough information to pick out appropriate sensors, you just need to do the research. I would start looking through the Omega catalog, or give them a call - they're usually helpful. I can't take the time to spec out parts for you - that would be a lot of time spent on someone else's project. Most pressure sensors put out either a 4-20mA or 0-5V signal, either of which you can read through an analog input on a DAQ; measuring a 4-20mA signal requires a resistor to convert to voltage. Most of the NI DAQ boards can read a thermocouple on an analog input, but make sure that your hardware does support reading thermocouples. For accurate readings, use a device that has built-in cold junction compensation - for example, the SCB-68 connector block - and for the most accurate readings, get a board specifically designed for temperature measurement.
    For the flow measurement, a standard, simple solution is an orifice plate. You put a differential pressure transducer across it, look up the appropriate equations, and use them to calculate the flow rate given the density of the fluid (which you'll be able to calculate from the pressure and temperature, since steam tables are widely available). There are other differential pressure devices available as well - at a previous job we used a V-Cone from McCrometer. If you call them they'll spec one for you - but get an approximate cost first to make sure it's within your budget.

  • How to import and anlyze TIFF images in Lab View 7

    Is there any way to read images from a CCD camera in TIFF format with Lab View 7.0 for a subsequent intensity analysis? I would like to import the TIFF image and have it converted in an array of numbers...
    Thanks
    Kla

    Image Toolbox (http://www.geocities.com/gzou999/imgtool.htm) can read tiff files, and return image data for display in picture control.
    George Zou
    http://webspace.webring.com/people/og/gtoolbox

  • A way to have part of the screen presentation and part live web browser?

    I'm trying to put together a presentation that involves demonstrating a
    live web site.
    Neither Keynote or Powerpoint will let me imbed live web pages into a presentation on a MAC. (ibrowser plug-in will do it for powerpoint PC but not MAC).
    I'm wondering if there isn't some way to use two programs to accomplish my goal, which is to have notes about the live web page on screen (sort of prompting and reminding me of what to show next on the web site), while showing the web site and working with it on another portion of the screen.
    I come close by creating a powerpoint presentation creating my "prompting notes"
    on only the far left side of the powerpoint pages, then turning it into a PDF, then opening the PDF but pushing the window all the way to the right side of the computer screen so on the right I see my "notes" and on the left to center of the computer screen I have the live SAFARI web browswer. I can move from page to page on my slides by hitting the "next" page button on the pdf PREVIEW window.
    It kinda works, but isn't anywhere near as slick or clean as I'd like.
    Can anyone think of a cleaner way to do this with any combo of MAC applications?
    Thanks for any input.

    I figured it out myself! I'm making a quicktime movie out of the presentation,
    scale the quicktime window to a corner of the screen, and then have the web
    browser on the rest of the screen.
    Just thought I'd post in case anyone else had this problem and was looking for
    an solution!

  • 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/

  • Results look different in Live View and Browser Lab

    I'm using CS5 and am using absolute positioning to place an image. It looks great in Live View, but when I open Browser Lab it has shifted dramatically. Any ideas what's going on and with view should I trust. Thanks.

    Hi Jalynoble,
    We've tried to repro the issue you describe, but haven't been able to, so it must be something specific to your page. Can you provide us with a URL or package up and email the source code for the page with this issue so we can look into it?
    You can post the url here, or email the files to [email protected]
    Thanks,
    Mark

  • When using private browsing to view image results in Safari 5.1.3, only the first two rows of results are visible, the following four or so rows display greyed out place holders, and the safe search button is inoperable. Suggestions?

    When using private browsing to view image results in Safari 5.1.3, only the first two rows of results are visible, the following four or so rows display greyed out place holders, the remainder of the results page is blank, and the safe search button is inoperable. When I turn off private browsing and refresh the page, everything works again.
    Anyone else having this problem?

    I have got the same behaviour after the last Safari Update to 5.1.3. It seems that Safari now handles some scripts in a new way. If you debug the Google Website, you will see, that there is some Javascript Error, that seems to prevent to write into local cache. After some searching I wasn't able to finde a solution for this problem, other then disabling Javascript while private browsing to prevent the script loading. You then are able to use Google with the old layout. The option to disable JavaScript can be found in the Menu "Developer", wich has to be enabled in Safari in the options first.
    In my opinion this is a bug that is now occuring, because Apple changed something in private browsing and that has to be fixed by Google now, to run again. Or we will have to wait for 5.1.4, as you can read online Apple will change and bugfix the javascript engine in that version, perhaps this fixes the problem as well. I hope so!
    If anyone is in the developer program perhaps you could test this with the beta of 5.1.4 and tell us if it works.

  • "Code & Design" and "Code & Live" view problem i  am getting in Dreamweaver CC 2014

    Please anyone help me.
    I have 2 webpages, one is with 12 columns fluid grid based and another is without fluid grid based.
    Both are open in same site folder in Dreamweaver CC 2014.
    I want to resize/edit  my fluid grid div column in design view.
    But i m not getting the proper menu (view-->Code and Design)
    why the problem is happening ?
    If my non-fluid page is active for edit purpose than i am getting the "View"-->"Code and Design"
    if my fluid page is active for edit purpose than i am no getting the  "View"-->"Code and Design"
    but i am getting "View"-->"Code and live"
    i am unable to resize my fluid div using the resize handler.
    this is fluid based, i need "code and design view"
    this is non-fluid based

    There has been much discussion about this lately.  You can add your vote for a return of Design View below.
    Provide "Design View" for Fluid Grid Webpages
    It's an "improvement" made to the October release to promote more people to use Live View editing in FGLayouts.  As we're finding out, the removal of Design View in FGLayouts is severely impacting people's workflows.
    Workarounds:
    Step back to CC June release from links below
    Win: http://download.adobe.com/pub/adobe/dreamweaver/win/cc/Dreamweaver_14_LS20.exe
    Mac: http://download.adobe.com/pub/adobe/dreamweaver/mac/cc/Dreamweaver_14_LS20.dmg
    or put an X in the FGLayout CSS comments
    Change this:
    Dreamweaver Fluid Grid Properties
    dw-num-cols-mobile:        5;
    dw-num-cols-tablet:        8;
    dw-num-cols-desktop:    12;
    dw-gutter-percentage:    25;
    to this:
    Dreamweaver Fluid Grid Properties
    dw-num-cols-mobile:      X;
    dw-num-cols-tablet:        8;
    dw-num-cols-desktop:    12;
    dw-gutter-percentage:    25;
    Nancy O.

  • Browser, Split VIew, Viewer and other Icons are Disabled after Import

    If I import from an SDHC card, occasionally the Browser, Split View and all other toolbar icons except for "new" become disabled "grayed out" but the corresponding Menu options work fine.
    I just installed Aperture, and was not a Aperture 2.0 user, so there's no conversion going on. It does this when I import any number of photos, 10 or 100 or anything in between, but it doesn't always do it. So far, I've only imported from the same memory card/camera.
    To fix the issue, I have to import any photo from the hard drive or do a second memory card import. Very much a bug, I think.
    Anyone else see this issue? (aperture 3.0.2)

    When the graphical user interface is misbehaving, it frequently helps to remove the Aperture preferences apple.com.Aperture.plist from your user library, see the Aperture 3: Troubleshooting Basics on how to do this.
    Regards
    Léonie

  • Aperture - Browser, Split View, and Viewer

    Photos in my browser will not wrap around into rows. I have just one row which goes right off my screen. I also have this problem in the split view with the thumbnails. And in viewer I have no photo at all. Can anyone suggest a way to fix this problem???

    You should have a row of icons along the top of the Aperture window. In the top right are icons which will directly let you switch to "Browser", "Split View" or "Viewer" mode. If you do not see any icons, click the grey oval in the extreme upper-right corner of the Aperture window (it toggles the icon toolbar on & off).
    Click the "Split View" icon to switch to that mode.
    You should have an image taking up most of the window, and a row of other images along the bottom. If this is just one row which you can only pan left & right then you are in "filmstrip" mode.
    Just above the strip of thumbnails at the bottom is a pull-down field that lets you select the sort order, and three icons just to the right. They select whether you want to be in "Filmstrip" mode (which is what it sounds like you are in right now), "Grid" mode (which is what it sounds like you want), and "List" mode. Click the middle icon to switch it to "Grid" mode.
    If you aren't seeing enough of your images, you can re-apportion the window. There's a thin gray line dividing the larger picture above from the thumbnails below. Float your mouse directly over that thin gray line and your mouse pointer should switch to a line with an arrow pointing up & down. Press and hold your left mouse button while sliding the mouse up or down to change the proportion of the two sections of the window.

  • Acrobat plug-in. I get this when try to opem. The Adobe Acrobat/Reader that is running can not be used to view PDF files in a Web Browser. Please exit Adobe Acrobat/Reader and exit your Web Browser and try again. Don't problems w/ Internet Explorer-

    Acrobat plug-in.
    The Adobe Acrobat/Reader that is running can not be used to view PDF files in a Web Browser.
    Please exit Adobe Acrobat/Reader and exit your Web Browser and try again.

    See if you can find a NPPDF32.DLL files in the Firefox program folder (C:\Program Files\Mozilla Firefox\)
    You can see the installed plugins on the about:plugins page.
    * http://kb.mozillazine.org/about%3Aplugins
    You can set the pref plugin.expose_full_path to true on the about:config page to see the full path of plugins on the about:plugins page.
    It is best not to leave that pref set to true as it exposes that full path to web servers, so reset that pref to false after you are done with the about:plugins page.
    You can open about:plugins and about:config via the location bar, like you open a website (about: is a special protocol to access some build-in pages).
    If you get a warning when opening the about:config page then you can confirm that you want to continue.
    See Manually uninstalling a plugin:
    * https://support.mozilla.com/kb/Troubleshooting+plugins

  • The Adobe Acrobat/Reader that is running can not be used to view PDF files in a Web Browser. Please exit Adobe Acrobat/Reader and exit your Web Browser and try again.OK. I followed the instruction and the problem still persists.

    I got the following pop-up when I tried to open an online PDF file:
    The Adobe Acrobat/Reader that is running can not be used to view PDF files in a Web Browser.
    Please exit Adobe Acrobat/Reader and exit your Web Browser and try again.
    I tried many time, and it really doesn't work.
    The plug-in I have is Adobe Acrobat 8.3.0.280

    After I upgraded to Firefox 5, I had the same problem and I did a work around temporarily. I went the tools menu, then Add-ons, then clicked the "Plugins" on the left side (4th one down). I "disabled" both Adobe Acrobat 8.3.0.280 and Adobe Acrobat 10.1.0.536 using the disable buttons on the right side. PDF files now open again. However they are outside the actual browser.
    My guess is that Adobe didn't catch up yet with a new update to work with Firefox or vice versa.
    Hope that helps!
    Michael

  • Illustrator CS4 no longer allows me to paste images "Quicktime and a decompresser are needed to view this image". How do I fix this?

    Since I installed the Yosemite Mac software upgrade, my Illustrator CS4 no longer allows me to paste images. I get the message "Quicktime and a decompresser are needed to view this image". How do I fix this? I've tried everything, nothing works!!!!

    Did you use migration with the new OS or did you reinstall the CS4 apps from the original media? If you didn't, then you should uninstall CS4 making sure to check the box to remove preferences, run the Cleaner tool (Use the CC Cleaner Tool to solve installation problems | CC, CS3-CS6) and then reinstall CS4. CS4 is totally untested and unsupported on the latest versions of Mac OSes.

  • Css doesn't show on live view, only design view

    I have dreamweaver cc and it should work. It worked yesterday..
    My head:
    <!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>
      <script type="text/javascript">
    <title>Light Up Your World</title>
    <!--The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.--><script>var __adobewebfontsappname__="dreamweaver"</script><script src="http://use.edgefonts.net/source-sans-pro:n6:default.js" type="text/javascript"></script>
    <link href="css.css" rel="stylesheet" type="text/css" />
    </head>
    ... I don't understand why it isn't working anymore. It's in the same map as the Html!

    Validate code and fix reported errors.  A missing colon, semi-colon or curly bracket might explain the problem.
    CSS - http://jigsaw.w3.org/css-validator/
    Also validate your HTML code and fix any reported errors.
    HTML - http://validator.w3.org/
    Nancy O.

  • HT1918 when opening an account in itunes, i added a letter in the email account and that isn't correct, so i can not view the verification nor go in and fix the email

    When signing up for an itunes account, i accidently put an additional letter in the email, now i can not view the verification because that is not the correct email address and I do not know how to go in and fix it.

    Welcome to the Apple Community.
    Start here, change your country if necessary and go to manage your account

Maybe you are looking for

  • The specified name is already in use,

    Hi, Am deploying SPD reusable workflow. Am getting below error. The specified name is already in use. The document or folder name was not changed. To change the name to a different value, close this dialog and edit the properties of the document or f

  • Add initial line to dropdown listbox

    Hi colleagues, I want to add a initial line to a drop down list box, which I am filling by my own. Its an bsp_wd_dropdown_table. I already tried 3 ways to get this done: INSERT INITIAL LINE INTO lt_ddlb INDEX 1 APPEND INITIAL LINE TO lt_ddlb. ls_ddlb

  • FTPAdapter - logical directory name - file not moved to archive directory

    I created a simple ftp service to read the file from remote inbound directory and archive it to an "archive" directory using logical directories. I supplied the input and archive directories. The process reads the file from the input directory, but d

  • Would this be a good IMac for serious audio and video production?

    I am looking for a imac that is good for serious music recording in protools or cubase and serious HD video editing and effects with adobe premiere pro and after effects. I also need it to run good with the rest of the adobe products like photoshop,

  • Interfacing NI 5640 with my VI PLZ help

    I am interfacing Ni 5640 PCI with the example VI of the modulation toolkit "QAM transceiver" using the instrument driver of PCI 5640 not the labview FPGA driver My final constellation is with lot of errors. I am finding problems in setting the parame