Auto Clip

Is there a way to make Final Cut Pro 5.1 automatically make clips like iMovie does while importing based on 'pause/resume, stop/resume' activity of the camcorder? I need the editing power of FCP but am disgusted at how long "log and capture" takes.
Any help would be appreciated! Thanks in advance!

Look into CatDV + Live Capture Plus from Squarebox.com
It will do what you want.
x

Similar Messages

  • HDV auto clip

    Hi to all,
    I am working with 720p HDV fotage shot and captured from a JVC (110?) camera. The captured clips are automaticaly cropped at the begining and the end of every clip resulting in some very short / usless clips. It seems FCP detects the point at which the camera operator presses rec/stop and the subtracts pre-roll time from that. This is my first dance with HDV
    1) Is typical of all HDV work flows or just this camera?
    2) Is there a way to disable the auto detect (start/stop) function prior to capture? (re-capture)
    3) Can I place a handle in front of auto-detected start/stop point on a clip? (ie: DV)
    Thank you for your time, Eric

    Thank you for your response. I read the article, so in review...
    1) the footage shot on the JVC camera forces the start/stop detection.
    2) Had the footage been shot with another manufacturers camera I could disable the start/stop detect.
    3) Yes I could add handles to the head or tail of a clip with the start/stop detection disabled.
    Thanks for your help
    E

  • Disabling "auto" clipping masks in layers

    Currently on my home mac - if I 'create a new fill or adjusment layer' it automatically  selects 'use previous layer to create a clipping mask'
    The only way I can stop this is by alt clicking on 'create a new fill or adjusment layer' which brings up the 'New Layer' dialogue box' and unticking the 'use previous layer to create a clipping mask' box. I have to do this everytime which is very annoying
    I seem to have set this as the default. How can I set it back to it's normal default of not using the previous layer as a clipping mask (as it used to be and as my work version does as standard)
    Thanks

    »Clip to Layer« in the Adjustments Panel’s fly-out-menu?
    And please read
    http://forums.adobe.com/thread/375816?tstart=0

  • Auto Clip Resize

    I'm using 1080p footage in a 720p sequence. I have 'Default scale to frame size' unchecked in preferences. (I unchecked it right after install.) For some reason it's doing it anyway. How can I stop this from happening and how can I reset the ones that are already in the timeline? I'm using Premiere Pro CS6
    Thanks, Chip Simons

    Thanks, Jim
    I could have sworn I unchecked that box before I even created this project but I guess I didn't. I do have a follow up question since we are on the subject. Will I lose any quality by stretching them back out? Even though the Motion tab says they are at 100% I know that they are not so I wouldn't think it would hurt anything to just pull them out to 160% (or whatever true 100% is).
    Thanks,Chip

  • Import splitting into hundreds of .3 second clips!

    We have a Panasonic PV-D400D, and iMovie's last few versions have erroneously imported all video as tons of little .3 second clips. The way we got around this was to import as one single clip, not using the auto clip thing in iMovie. However, it looks like there is now no preference for that.
    Am I out of luck? Is there a setting I'm missing? Anyone with such a camera know if there's a setting on the camera itself that is causing this problem?
    Thanks!

    Hi
    Can't find Your Camera on the Web. So my thoughts:
    To get this I would:
    • record in LP-mode (90 min on a 60min tape)
    • play it back on another Camera
    • to a Mac with an exteral hard disk NOT Formatted as Mac OS Extended.
    All this would give a non working situation. Changing them to
    • SP-mode (60min)
    • use same Camera as did the shooting
    • import to internal hard disk (formatted Mac OS Extended) with 25Gb free space
    would make it as easy as possibly.
    Yours Bengt W

  • Automatically create clipping masks

    Hello,
    I was watching this amazing video -
    https://www.youtube.com/watch?v=ebVFXphyJqw
    - and I noticed, that flash has a feature, that seems to automatically create clipping masks.
    She starts using these at 1:45. She draws blue paths and applies gradients to shapes that use the blue paths but also underlying art.
    I haven't figured out a quick way in illustrator to do it like this. (Draw path - divide - livepaint - new fill can produce such results, but thats too complicated for quick shading...)
    Also there is a feature right at the beginning, where she erases segments of circular paths. They are exactly cut at the intersection points. Of course there are scissors and snapping in AI, but that method flash seems to offer looks much more convenient.
    Maybe those functions are burrowed in some side menus in AI... I mean, I have Flash CS6, but I feel much more comfortable in AI.
    If you know these features, especially the auto clipping mask thing, please tell me
    -Andrej

    Wow, the draw inside mode was also new to me. So much to learn!
    It's a pity that it does not create merged clipping groups when having two objects selected simultaneously upon entering drawing inside mode.
    I have not figured out, how to use the shapebuilder tool with single paths yet.
    But I did try out the Pathfinder's outline operation. It seems to give me the seperated strokes I demanded.
    Thanks for your help again Monika.
    -Andrej

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

  • Spry Accordian Tabs Question

    Hi
    I'm trying to create a spry accordian menu for a navbar and am having some trouble.
    This is the first time I've tried it so I would appreciate any help.
    The Client would like the tabs to be:
    Home
    Students
       High School Students
       College Students
    Professionals
    Parents/Educators
    Seminars
    Bio
    Q  & A Blog
    Testimonials
    So all they would like High School Students and College Students to be child tabs underneath the parent tabs and all other tabs to be parent tabs.
    They asked for a spry accordian.
    They want the nav bar to be on the left.
    Here is the link to the website online:
    http://www.elynncohen.com/index2spry2.html#
    and here are my questions:
    1. The spry accordian has a box around it on mouse down but I can't figure out how to get rid of it. I've checked all the CSS rules for the spry accordian and none of them seem to have rules around them.
    2. All the tabs have a content area underneath them and we only want content areas underneath the student tab. You see how it goes when you click on any of the tabs, you get a little thing that says content 1, 2 etc. I tried deleting them in the code and the page goes completely crazy when I do and the nav bar areas stretch all the way across the page.
    3. I can't figure out how to get the child tabs (which would be the tabs under students which say high school and college) to have two tabs. You will see that it does have the high school tab there now. When I try cutting and pasting the code to try to get two tabs, it does not work. The spry accordian framework only creates one content area under each tab.
    4. I'd like the child tabs to have a narrower height than the parent tabs, and be indented so that they will clearly be set off and different than the parent tabs.
    Any help would be much appreciated!
    Thanks!!!
    Here is my code:
    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Your Career Direction Career and College Counseling</title>
    <meta name="Keywords" content="career counseling, college counseling, job search, career choice, college options, career options, work, jobs, new opportunities, career change, new career, new job" />
    <meta name="Description" content="Your Career Direction :: Career and College Counseling" "Considering your college choices & career options" "Preparing for the world of work after college" "Seeking a new position to further your career"
    "In-transition and considering new opportunities"
    "Seeking to make a significant and meaningful career change"  />
    <meta name="Publisher" content="Your Career Direction, LLC" />
    <meta name="Copyright" content="Copyright 2012, Your Career Direction, LLC. All rights reserved." />
    <meta name="Author" content="Lisa Mark" />
    <meta name="Language" content="en-US" />
    <meta name="distribution" content="global" />
    <meta name="revisit-after" content="10 days" />
    <meta name="Robots" content="All" />
    <link rel="Index" href="index.html" />
    <link rel="Site Map" href="sitemap.html" />
    <script type="text/javascript" src="//use.typekit.net/ifb2bte.js"></script>
    <script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
    <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
    <style type="text/css">
    <!--
    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;
    .container .sidebar1 h3 {
        padding-left: 0px;
        color: #C60651;
        font-size: x-large;
    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;
        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;
    #Quote {
        float: right;
        clear: left;
        margin-right: 1%;
    /* ~~ 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;
        margin-left: 25px;
        background-color: #FFF;
        font-family: museo-sans;
    arial;
        max-width: 200px;
        min-width: 180px;
    .content {
        float: left;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10;
        font-family: museo-sans;
    arial;
        margin-top: 40px;
        padding-right: 10px;
        width: 50px;
        font-size: large;
    .container .content p {
        padding-top: 0px;
    .sidebar2 {
        float: left;
        width: 20%;
        background-color: #D3CCB2;
        margin-top: 40px;
        padding-top: 10px;
        border-top-color: #FFF;
        border-right-color: #FFF;
        border-bottom-color: #FFF;
        border-left-color: #FFF;
        border-right-width: 5px;
        font-family: museo-sans;
    arial;
        font-size: 90%;
        right: 12%;
    /* ~~ This grouped selector gives the lists in the .content area space ~~ */
    .content ul, .content ol {
        padding-top: 0px;
        padding-right: 25px;
        padding-bottom: 15px;
        padding-left: 40px;
        font-family: museo-sans; arial;
        font-size: 100%;
        color: #666;
    .container .content p {
        font-family: museo-sans;
    arial;
        padding-top: 0px;
        padding-left: 17px;
        padding-bottom: 0px;
    #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; arial;
        line-height: 250%;
    .nav {
        font-family: museo-sans;
    arial;
        padding-left: 0px;
    ul.nav li {
        font-family: museo-sans; arial;
        padding-bottom: 10px;
    ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
        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; arial;
        padding-top: 5px;
        padding-right: 5px;
        padding-bottom: 10px;
        padding-left: 15px;
    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; arial;
        background-color: #FFF;
        background-image: url(images/navbar2.gif);
        padding-bottom: 10px;
    .content img {
    /* ~~The footer ~~ */
    .footer {
        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 */
        padding-top: 0px;
        padding-right: 0;
        padding-bottom: 10px;
    /* ~~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;
        font-family: museo-sans; arial;
    #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; arial;
    .container .content .content {
        font-family: museo-sans; arial;
    .container .content ul li strong {
        font-family: museo-sans;
    arial;
        font-size: 95%;
        line-height: 150%;
        list-style-type: disc;
    .container .content ul {
    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;
    .sidebar1 .nav li {
        padding-bottom: 10%;
    .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 .nav li a {
    .container .sidebar1 h6 {
        padding: 0px;
        color: #000000;
    #footer h3 strong {
        font-size: 60%;
        color: #978980;
    .container .content p {
        padding-right: 0%;
        padding-left: 0%;
        font-size: 85%;
    .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: #978980;
        font-family: museo-sans;
    arial;
        font-size: 82%;
        padding-left: 20%;
        text-align: left;
        text-indent: 8px;
    .nav li a {
        padding-bottom: 10px;
    h8 {
        font-family: museo-sans; arial;
        font-size: 100%;
    h4 {
        font-family: museo-sans;
    arial;
        font-size: 100%;
        color: #C60651;
        padding-left: 17px;
        padding-top: 5px;
        padding-bottom: 0px;
    .container .content p {
        padding-left: 17px;
        padding-right: 30px;
    .sidebar1 h8 strong {
        font-size: 80%;
        font-family:museo-sans; arial;
    .container .sidebar1 h7 {
        font-size: 40%;
        color: #978980;
    h7 {
        font-family: museo-sans; arial;
        font-size: 15%;
    .container .sidebar1 h8 {
        font-family: museo-sans; arial;
    .sidebar2 p img {
            max-width: 100%;
    .container .content img {
        padding-left: 3%;
    img {
        position: static;
        text-align: left;
    body,td,th {
        font-family: museo-sans; arial;
    h5 {
        font-size: 150%;
        color: #C60651;
        padding-left: 0px;
        font-family:museo-sans; arial;
    .container .content p {
        padding-left: 17px;
        padding-right: 30px;
        font-size: 87%;
    .container .sidebar2 p {
        font-size: 90%;
    .container .sidebar1 .nav li {
        font-family: museo-sans;
    arial;
    .container .sidebar1 .nav li a {
        padding-left: 0px;
        margin-bottom: 0px;
        height: 30px;
    li a {
        padding-left: 2px;
    -->
    </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]-->
    <link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css">
    </head>
    <body><script type="text/javascript">
    function pageWidth() {
    return window.innerWidth != null? window.innerWidth : document.documentElement && document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body != null ? document.body.clientWidth : null;
    function pageHeight() {
    return window.innerHeight != null? window.innerHeight : document.documentElement && document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body != null? document.body.clientHeight : null;
    </script>
    <div class="container">
      <div class="header"><!-- end .header -->
        <p class="clearfloat"><a href="#index.html" id="Insert_logo2"><img src="images/YCD-logo-tag-RGB-web-SM.gif" alt="Your Career Direction Logo" name="Insert_logo" width="50%" 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>
            <div id="Accordion1" class="Accordion" tabindex="0">
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Home</a></div>
                <div class="AccordionPanelContent">Content 1</div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Students</a></div>
                <div class="AccordionPanelContent"><a href="#">High School</a></div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Professional</a></div>
                <div class="AccordionPanelContent">Content 3</div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Parent/Educator</a></div>
                <div class="AccordionPanelContent">Content 4</div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Seminars</a></div>
                <div class="AccordionPanelContent">Content 5</div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Bio</a></div>
                <div class="AccordionPanelContent">Content 6</div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Q &amp; A Blog</a></div>
                <div class="AccordionPanelContent">Content 7</div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Testimonials</a></div>
                <div class="AccordionPanelContent">Content 8</div>
              </div>
            </div>
          </li>
        </ul>
      </div>
      <div class="content">
    <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>
    <img src="images/Whether-you-are-.gif" alt="Whether you are considering your college choices and career options" width="197" height="31" align="left">
    <ul>
          <br><br><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>
    <img src="images/Onethingisforsureraster.gif" width="352" height="49" alt="One thing is for sure, we all want to direct our own careers, our own lives!">
    <br><p> Building a successful and rewarding career requires linking your interests, education and experience with employment trends, growth industries, and career choices. It takes making smart decisions about your college major, vocational training and continuing education options. With enthusiasm, persistence and top notch job search skills, you can succeed in finding a path to career that is right for you.</p>
    <p> 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 and become what you want to be.</p>
    <img src="images/yourcareerourpassionraster.gif" width="441" height="20" alt="At Your Career Direction, YOUR career is our passion!"> </div>
      <div class="sidebar2">
        <p><img src="images/Counselingastudent.gif" width="100%" alt="Lisa Mark counseling a student"></p>
        <p>Our mission is to help you explore, choose and create your direction for an exciting and rewarding career path.</p>
         <p>We incorporate our experience with today's job market and career counseling expertise with your passions and interests. We'll introduce you to new career ideas, target companies and generate job and internship opportunities for you.</p>
         <p>We provide step by step guidance to ensure your success during the college application, job interview
    and decision making process.
    </p>
    </div>
      <div class="footer">
        <div id="footer">
          <h6 align="left"> Your Career Direction, LLC •  96 Harvard Avenue, Maplewood, N.J. 07040 • (973) 996-0207 • [email protected]</h6>
        </div>
        <p> </p>
      <!-- end .footer --></div>
    <!-- end .container --></div>
    <script type="text/javascript">
    var Accordion1 = new Spry.Widget.Accordion("Accordion1");
    </script>
    </body>
    </html>

    1. The spry accordian has a box around it on mouse down but I can't figure out how to get rid of it. I've checked all the CSS rules for the spry accordian and none of them seem to have rules around them.
    2. All the tabs have a content area underneath them and we only want content areas underneath the student tab. You see how it goes when you click on any of the tabs, you get a little thing that says content 1, 2 etc. I tried deleting them in the code and the page goes completely crazy when I do and the nav bar areas stretch all the way across the page.
    3. I can't figure out how to get the child tabs (which would be the tabs under students which say high school and college) to have two tabs. You will see that it does have the high school tab there now. When I try cutting and pasting the code to try to get two tabs, it does not work. The spry accordian framework only creates one content area under each tab.
    4. I'd like the child tabs to have a narrower height than the parent tabs, and be indented so that they will clearly be set off and different than the parent tabs.
    1. Line 454
    <div id="Accordion1" class="Accordion" tabindex="0" style="outline: none;">
    2 & 3. Change your code from Line 455 - 491:
    <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Home</a></div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Students</a></div>
                <div class="AccordionPanelContent"><a href="#">High School</a><br/><a href="#" style="margin-top: -30px;">College</a></div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Professional</a></div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Parent/Educator</a></div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Seminars</a></div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Bio</a></div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Q &amp; A Blog</a></div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Testimonials</a></div>
              </div>
            </div>
          </li>
        </ul>
      </div>
    4. Append your HTML for child tabs like this:
    <div class="AccordionPanelContent" id="submenu"><a href="#">High School</a></div>
    Create a new #submenu css rule in your CSS document and set styling the way you want it.

  • Sidebar moving over right border of website and outside of main container

    Hi
    I'm doing a website and have a question.
    I have a left nav bar, a fluid center column and an absolute positioned right sidebar.
    The sidebar is set to clear left and float right.
    However the sidebar moves over to the right and extends past the right border on some browsers.
    It moves out of the main container and I would like it to remain within it.
    Does anyone know how I can fix it so that the sidebar stays within the white area and does not move to the right?
    Thanks for your help!!!!
    Here is a screen shot
    When the browser window gets a little smaller the sidebar goes back to where I want it.
    Here is a link to my test page online:
    http://elynncohen.com/index2.html
    and here is my code:
    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Your Career Direction Career and College Counseling</title>
    <meta name="Keywords" content="career counseling, college counseling, job search, career choice, college options, career options, work, jobs, new opportunities, career change, new career, new job" />
    <meta name="Description" content="Your Career Direction :: Career and College Counseling" "Considering your college choices & career options" "Preparing for the world of work after college" "Seeking a new position to further your career"
    "In-transition and considering new opportunities"
    "Seeking to make a significant and meaningful career change"  />
    <meta name="Publisher" content="Your Career Direction, LLC" />
    <meta name="Copyright" content="Copyright 2012, Your Career Direction, LLC. All rights reserved." />
    <meta name="Author" content="Lisa Mark" />
    <meta name="Language" content="en-US" />
    <meta name="distribution" content="global" />
    <meta name="revisit-after" content="10 days" />
    <meta name="Robots" content="All" />
    <link rel="Index" href="index.html" />
    <link rel="Site Map" href="sitemap.html" />
    <script type="text/javascript" src="//use.typekit.net/ifb2bte.js"></script>
    <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
    <style type="text/css">
    <!--
    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;
    .container .sidebar1 h3 {
        padding-left: 0px;
        color: #C60651;
        font-size: x-large;
    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;
        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;
    #Quote {
        float: right;
        clear: left;
        margin-right: 1%;
    /* ~~ 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: 20%;
        padding-bottom: 10px;
        margin-top: 40px;
        border-top-color: #FFF;
        border-left: #FFF;
        margin-left: 25px;
        background-color: #FFF;
        font-family: museo-sans;
    arial;
        max-width: 200px;
        min-width: 180px;
        position: absolute;
    .content {
        float: left;
        margin-top: 40px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10;
        font-family: museo-sans;
    arial;
        margin-right: 250px;
        margin-left: 220px;
    .container .content p {
        padding-top: 0px;
    .sidebar2 {
        float: right;
        width: 20%;
        background-color: #D3CCB2;
        margin-top: 40px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 0px;
        border-top-color: #FFF;
        border-right-color: #FFF;
        border-bottom-color: #FFF;
        border-left-color: #FFF;
        border-right-width: 5px;
        font-family: museo-sans;
    arial;
        font-size: 90%;
        position: absolute;
        clear: left;
        right: 12%;
    /* ~~ This grouped selector gives the lists in the .content area space ~~ */
    .content ul, .content ol {
        padding-top: 0px;
        padding-right: 25px;
        padding-bottom: 15px;
        padding-left: 40px;
        font-family: museo-sans; arial;
        font-size: 100%;
        color: #666;
    .container .content p {
        font-family: museo-sans;
    arial;
        padding-top: 0px;
        padding-left: 17px;
        padding-bottom: 0px;
    #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; arial;
        line-height: 250%;
    .nav {
        font-family: museo-sans;
    arial;
        padding-left: 0px;
    ul.nav li {
        font-family: museo-sans; arial;
        padding-bottom: 10px;
    ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
        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; arial;
        padding-top: 5px;
        padding-right: 5px;
        padding-bottom: 10px;
        padding-left: 15px;
    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; arial;
        background-color: #FFF;
        background-image: url(images/navbar2.gif);
        padding-bottom: 10px;
    .content img {
    /* ~~The footer ~~ */
    .footer {
        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 */
        padding-top: 0px;
        padding-right: 0;
        padding-bottom: 10px;
    /* ~~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;
        font-family: museo-sans; arial;
    #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; arial;
    .container .content .content {
        font-family: museo-sans; arial;
    .container .content ul li strong {
        font-family: museo-sans;
    arial;
        font-size: 95%;
        line-height: 150%;
        list-style-type: disc;
    .container .content ul {
    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;
    .sidebar1 .nav li {
        padding-bottom: 10%;
    .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 .nav li a {
    .container .sidebar1 h6 {
        padding: 0px;
        color: #000000;
    #footer h3 strong {
        font-size: 60%;
        color: #978980;
    .container .content p {
        padding-right: 0%;
        padding-left: 0%;
        font-size: 85%;
    .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: #978980;
        font-family: museo-sans;
    arial;
        font-size: 82%;
        padding-left: 20%;
        text-align: left;
        text-indent: 8px;
    .nav li a {
        padding-bottom: 10px;
    h8 {
        font-family: museo-sans; arial;
        font-size: 100%;
    h4 {
        font-family: museo-sans;
    arial;
        font-size: 100%;
        color: #C60651;
        padding-left: 17px;
        padding-top: 5px;
        padding-bottom: 0px;
    .container .content p {
        padding-left: 17px;
        padding-right: 30px;
    .sidebar1 h8 strong {
        font-size: 80%;
        font-family:museo-sans; arial;
    .container .sidebar1 h7 {
        font-size: 40%;
        color: #978980;
    h7 {
        font-family: museo-sans; arial;
        font-size: 15%;
    .container .sidebar1 h8 {
        font-family: museo-sans; arial;
    .sidebar2 p img {
        min-width: 200px;
        max-width: 100%;
    .container .content img {
        padding-left: 3%;
    img {
        position: static;
        text-align: left;
    body,td,th {
        font-family: museo-sans; arial;
    h5 {
        font-size: 150%;
        color: #C60651;
        padding-left: 0px;
        font-family:museo-sans; arial;
    .container .content p {
        padding-left: 17px;
        padding-right: 30px;
        font-size: 87%;
    .container .sidebar2 p {
        font-size: 90%;
    .container .sidebar1 .nav li {
        font-family: museo-sans;
    arial;
    .container .sidebar1 .nav li a {
        padding-left: 0px;
        margin-bottom: 0px;
        height: 30px;
    li a {
        padding-left: 2px;
    -->
    </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><script type="text/javascript">
    function pageWidth() {
    return window.innerWidth != null? window.innerWidth : document.documentElement && document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body != null ? document.body.clientWidth : null;
    function pageHeight() {
    return window.innerHeight != null? window.innerHeight : document.documentElement && document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body != null? document.body.clientHeight : null;
    </script>
    <div class="container">
      <div class="header"><!-- end .header -->
        <p class="clearfloat"><a href="#index.html" id="Insert_logo2"><img src="images/YCD-logo-tag-RGB-web-SM.gif" alt="Your Career Direction Logo" name="Insert_logo" width="50%" 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="#">High School Students</a></li>
          <li><a href="#">College Students</a></li>
          <li><a href="#">Parents/Educators</a></li>
          <li><a href="#">Professionals</a></li>
          <li><a href="#">Bio</a></li>
          <li><a href="#">Q &amp; A Blog</a></li>
          <li><a href="#">Testimonials</a></li>
        </ul>
      </div>
      <div class="content">
    <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>
    <img src="images/Whether-you-are-.gif" alt="Whether you are considering your college choices and career options" width="197" height="31" align="left">
    <ul>
          <br><br><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>
    <img src="images/Onethingisforsureraster.gif" width="352" height="49" alt="One thing is for sure, we all want to direct our own careers, our own lives!">
    <br><p> Building a successful and rewarding career requires linking your interests, education and experience with employment trends, growth industries, and career choices. It takes making smart decisions about your college major, vocational training and continuing education options. With enthusiasm, persistence and top notch job search skills, you can succeed in finding a path to career that is right for you.</p>
    <p> 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 and become what you want to be.</p>
    <img src="images/yourcareerourpassionraster.gif" width="441" height="20" alt="At Your Career Direction, YOUR career is our passion!"> </div>
      <div class="sidebar2">
        <p><img src="images/Counselingastudent.gif" width="100%" alt="Lisa Mark counseling a student"></p>
        <p>Our mission is to help you explore, choose and create your direction for an exciting and rewarding career path.</p>
         <p>We incorporate our experience with today's job market and career counseling expertise with your passions and interests. We'll introduce you to new career ideas, target companies and generate job and internship opportunities for you.</p>
         <p>We provide step by step guidance to ensure your success during the college application, job interview
    and decision making process.
    </p>
    </div>
      <div class="footer">
        <div id="footer">
          <h6 align="left"> Your Career Direction, LLC •  96 Harvard Avenue, Maplewood, N.J. 07040 • (973) 996-0207 • [email protected]</h6>
             </div>
        <p> </p>
      <!-- end .footer --></div>
    <!-- end .container --></div>
    </body>
    </html>

    Absolute positioning will always cause you problems so it's best to avoid unless absolutely necessary.
    Having said that, your layout issues were a straight-forward fix. Modify your style sheet with the below sections and and it should be ok. You might need to modify your CSS for smaller screens as once you reduce the browser window to about 500px, the right sidebar disappears. Something to be aware of.
    .sidebar1 {
        float: left;
        width: 20%;
        padding-bottom: 10px;
        margin-top: 40px;
        border-top-color: #FFF;
        border-left: #FFF;
        margin-left: 25px;
        background-color: #FFF;
        font-family: museo-sans; arial;
        max-width: 200px;
        min-width: 180px;
        position: absolute;
    .content {
        float: left;
        margin-top: 40px;
        margin: 40px 0 0 0;
        padding:10px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10;
        font-family: museo-sans; arial;
        margin-right: 250px;
        margin-left: 220px;
        width: 50%; /* You can increase this to 55%, or add a left and right margin to space the elements */
        font-size: large;
    .sidebar2 {
        float: right;
        float:left;   
        width: 20%;
        background-color: #D3CCB2;
        margin-top: 40px;
        padding: 10px 0;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 0px;
        border-top-color: #FFF;
        border-right-color: #FFF;
        border-bottom-color: #FFF;
        border-left-color: #FFF;
        border-right-width: 5px;
        font-family: museo-sans; arial;
        font-size: 90%;
        position: absolute;
        clear: left;
        right: 12%;
    .sidebar2 p img {
        min-width: 200px; /* This needs to be removed or made smaller if you are keeping it - or set a min-width on sidebar2 */
        max-width: 100%;
        width:100%;
        height:100%;
    .container .content {
        width: 50%;
        font-size: large;
        font-family: museo-sans; arial;
    EDIT:// I meant to say, you should probably spend some time tidying up your CSS as they are not in any obvious order and can get confusing with multiple styles for the same element. Having a clean and easy to understand CSS sheet makes it easier for you to figure out what is wrong. Will help you enormously in the long run.
    Message was edited by: Rik

  • How to keep the right sidebar on this website from going under the main content (center) column?

    Hi...is there a way to keep the right sidebar on this website from going under the main content (center) column when the browser window is made smaller? It would be great if the middle (main content) column could get smaller instead of the sidebar moving under the text when the window is made smaller. I'm working with a fluid layout and this is the first time I've tried this. Any help would be appreciated. Here is the link to the website:
    http://www.elynncohen.com
    and here is my code:
    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Your Career Direction Career and College Counseling</title>
    <meta name="Keywords" content="career counseling, college counseling, job search, career choice, college options, career options, work, jobs, new opportunities, career change, new career, new job" />
    <meta name="Description" content="Your Career Direction :: Career and College Counseling" "Considering your college choices & career options" "Preparing for the world of work after college" "Seeking a new position to further your career"
    "In-transition and considering new opportunities"
    "Seeking to make a significant and meaningful career change"  />
    <meta name="Publisher" content="Your Career Direction, LLC" />
    <meta name="Copyright" content="Copyright 2012, Your Career Direction, LLC. All rights reserved." />
    <meta name="Author" content="Lisa Mark" />
    <meta name="Language" content="en-US" />
    <meta name="distribution" content="global" />
    <meta name="revisit-after" content="10 days" />
    <meta name="Robots" content="All" />
    <link rel="Index" href="index.html" />
    <link rel="Site Map" href="sitemap.html" />
    <script type="text/javascript" src="//use.typekit.net/ifb2bte.js"></script>
    <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
    <style type="text/css">
    <!--
    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 {
        padding: 0;
        margin: 0;
    h1, h2, h3, h4, h5, h6, p {
        margin-top: 0;    
        padding-left: 15px;
    .container .sidebar1 h3 {
        padding-left: 0px;
        color: #C60651;
        font-size: x-large;
    h1 strong {
        color: #C60651;
        font-size: 90%;
        font-family: "Binary ITC Bold";
    h1 strong em {
    a img {
        border: none;
    a:link {
        color:#414958;
        text-decoration: underline;
    a:visited {
        color: #4E5869;
        text-decoration: underline;
    a:hover, a:active, a:focus {
        text-decoration: none;
    .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;
        border-right-width: thick;
        border-left-width: thick;
        border-right-style: solid;
        border-left-style: solid;
        border-right-color: #C60651;
        border-left-color: #C60651;
    .header {
        padding-top: 40px;
    #Quote {
        float: right;
        clear: left;
        margin-right: 1%;
    .sidebar1 {
        float: left;
        width: 20%;
        padding-bottom: 10px;
        margin-top: 40px;
        border-top-color: #FFF;
        border-left: #FFF;
        margin-left: 25px;
        background-color: #FFF;
        font-family: museo-sans;
    arial;
        max-width: 200px;
        min-width: 180px;
    .content {
        float: left;
        margin-top: 40px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10;
        font-family: museo-sans;
    arial;
        width: 30%;
    .container .content p {
        padding-top: 0px;
    .sidebar2 {
        float: left;
        width: 30%;
        background-color: #D3CCB2;
        margin-top: 40px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 0px;
        border-top-color: #FFF;
        border-right-color: #FFF;
        border-bottom-color: #FFF;
        border-left-color: #FFF;
        border-right-width: 5px;
        font-family: museo-sans;
    arial;
        font-size: 90%;
        position: relative;
    .content ul, .content ol {
        padding-top: 0px;
        padding-right: 25px;
        padding-bottom: 15px;
        padding-left: 40px;
        font-family: museo-sans; arial;
        font-size: 100%;
        color: #666;
    .container .content p {
        font-family: museo-sans;
    arial;
        padding-top: 0px;
        padding-left: 17px;
        padding-bottom: 0px;
    #Quote {
        float: right;
        clear: both;
    ul.nav {
        list-style: none; /* this creates the space between the navigation on the content below */
        font-family:museo-sans; arial;
        line-height: 250%;
    .nav {
        font-family: museo-sans;
    arial;
        padding-left: 0px;
    ul.nav li {
        font-family: museo-sans; arial;
        padding-bottom: 10px;
    ul.nav a, ul.nav a:visited
        display: block;
        text-decoration: none;
        color: #333333;
        background-color: #FFF;
        font-family: museo-sans; arial;
        padding-top: 5px;
        padding-right: 5px;
        padding-bottom: 10px;
        padding-left: 15px;
    ul.nav a:hover, ul.nav a:active, ul.nav a:focus {
        color: #C60651;
        font-family:museo-sans; arial;
        background-color: #FFF;
        background-image: url(images/navbar2.gif);
        padding-bottom: 10px;
    .content img {
    .footer {
        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 */
        padding-top: 0px;
        padding-right: 0;
        padding-bottom: 10px;
    .fltrt { 
        float: right;
        margin-left: 8px;
    .fltlft {
        float: left;
        margin-right: 8px;
    .clearfloat {
        clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    .container .content {
        width: 50%;
        font-size: large;
        font-family: museo-sans; arial;
    #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; arial;
    .container .content .content {
        font-family: museo-sans; arial;
    .container .content ul li strong {
        font-family: museo-sans;
    arial;
        font-size: 95%;
        line-height: 150%;
        list-style-type: disc;
    .container .content ul {
    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;
    .sidebar1 .nav li {
        padding-bottom: 10%;
    .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 .nav li a {
    .container .sidebar1 h6 {
        padding: 0px;
        color: #000000;
    #footer h3 strong {
        font-size: 60%;
        color: #978980;
    .container .content p {
        padding-right: 0%;
        padding-left: 0%;
        font-size: 85%;
    .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: #978980;
        font-family: museo-sans;
    arial;
        font-size: 82%;
        padding-left: 20%;
        text-align: left;
        text-indent: 8px;
    .nav li a {
        padding-bottom: 10px;
    h8 {
        font-family: museo-sans; arial;
        font-size: 100%;
    h4 {
        font-family: museo-sans;
    arial;
        font-size: 100%;
        color: #C60651;
        padding-left: 17px;
        padding-top: 5px;
        padding-bottom: 0px;
    .container .content p {
        padding-left: 17px;
        padding-right: 30px;
    .sidebar1 h8 strong {
        font-size: 80%;
        font-family:museo-sans; arial;
    .container .sidebar1 h7 {
        font-size: 40%;
        color: #978980;
    h7 {
        font-family: museo-sans; arial;
        font-size: 15%;
    .container .sidebar1 h8 {
        font-family: museo-sans; arial;
    .sidebar2 p img {
        min-width: 200px;
        max-width: 100%;
    .container .content img {
        padding-left: 3%;
    img {
        position: static;
        text-align: left;
    body,td,th {
        font-family: museo-sans; arial;
    h5 {
        font-size: 150%;
        color: #C60651;
        padding-left: 0px;
        font-family:museo-sans; arial;
    .container .content p {
        padding-left: 17px;
        padding-right: 30px;
        font-size: 87%;
    .container .sidebar2 p {
        font-size: 90%;
    .container .sidebar1 .nav li {
        font-family: museo-sans;
    arial;
    .container .sidebar1 .nav li a {
        padding-left: 0px;
        margin-bottom: 0px;
        height: 30px;
    li a {
        padding-left: 2px;
    -->
    </style><!--[if lte IE 7]>
    <style>
    .content
    ul.nav a { zoom: 1; } 
    </style>
    <![endif]--></head>
    <body><script type="text/javascript">
    function pageWidth() {
    return window.innerWidth != null? window.innerWidth : document.documentElement && document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body != null ? document.body.clientWidth : null;
    function pageHeight() {
    return window.innerHeight != null? window.innerHeight : document.documentElement && document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body != null? document.body.clientHeight : null;
    </script>
    <div class="container">
      <div class="header"><!-- end .header -->
        <p class="clearfloat"><a href="#index.html" id="Insert_logo2"><img src="images/YCD-logo-tag-RGB-web-SM.gif" alt="Your Career Direction Logo" name="Insert_logo" width="50%" 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="#">High School Students</a></li>
          <li><a href="#">College Students</a></li>
          <li><a href="#">Parents/Educators</a></li>
          <li><a href="#">Professionals</a></li>
          <li><a href="#">Bio</a></li>
          <li><a href="#">Q &amp; A Blog</a></li>
          <li><a href="#">Testimonials</a></li>
        </ul>
      </div>
      <div class="content">
    <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>
    <img src="images/Whether-you-are-.gif" alt="Whether you are considering your college choices and career options" width="197" height="31" align="left">
    <ul>
          <br><br><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>
    <img src="images/Onethingisforsureraster.gif" width="352" height="49" alt="One thing is for sure, we all want to direct our own careers, our own lives!">
    <br><p> Building a successful and rewarding career requires linking your interests, education and experience with employment trends, growth industries, and career choices. It takes making smart decisions about your college major, vocational training and continuing education options. With enthusiasm, persistence and top notch job search skills, you can succeed in finding a path to career that is right for you.</p>
    <p> 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 and become what you want to be.</p>
    <img src="images/yourcareerourpassionraster.gif" width="441" height="20" alt="At Your Career Direction, YOUR career is our passion!"> </div>
      <div class="sidebar2">
        <p><img src="images/Counselingastudent.gif" width="100%" alt="Lisa Mark counseling a student"></p>
        <p>Our mission is to help you explore, choose and create your direction for an exciting and rewarding career path.</p>
         <p>We incorporate our experience with today's job market and career counseling expertise with your passions and interests. We'll introduce you to new career ideas, target companies and generate job and internship opportunities for you.</p>
         <p>We provide step by step guidance to ensure your success during the college application, job interview
    and decision making process.
    </p>
    </div>
      <div class="footer">
        <div id="footer">
          <h6 align="left"> Your Career Direction, LLC •  96 Harvard Avenue, Maplewood, N.J. 07040 • (973) 996-0207 • [email protected]</h6>
             </div>
        <p> </p>
      <!-- end .footer --></div>
    <!-- end .container --></div>
    </body>
    </html>

    You should make your sidebar1 and sidebar2 fixed positioned. Make your content DIV fluid.
    This should help you: http://www.glish.com/css/7.asp

  • Problems with hitTestObject

    Hey,
    this is my first year of flash and we have an assignment where we must drive with a car to a finishline.
    making the car move isnt a problem, but there has to be 6 objects you must avoid when driving around.
    when i drive around and i hit my object i should avoid, it stops and i cant move around. and instead i want to be able to corrigate my direction.
    some of my terms are in dutch i'll try to make some commentary in english.
    visual idea how it looks like
    i made 4 car objects that look a direction
    up = Autoboven
    down = Autoonder
    left = Autolinks
    right = Autoright
    import flash.display.MovieClip;
    import flash.utils.Timer;
    import flash.events.TimerEvent;
    import flash.text.TextField;
    // kegel = cone
    var clipArray:Array = [kegel1,kegel2,kegel3,kegel4,kegel5,kegel6];
    var auto:MovieClip = new Autolinks();
    var finish:MovieClip = new Finish();
    addChild(auto);
    auto.x= 490;
    auto.y= 80;
    var richting:int = 0;
    //richting  = direction
    //tijd = time
    var tijd:int = 0;
    var txtFld:TextField = new TextField();
    addChild(txtFld);
    txtFld.x = 500;
    txtFld.y = 370;
    var timer:Timer = new Timer(1000);
    timer.addEventListener(TimerEvent.TIMER, onTimer);
    timer.start();
    function onTimer(evt:TimerEvent):void{
              tijd +=1;
              txtFld.text = (tijd) + " sec";
              var clip:MovieClip;
    stage.addEventListener(KeyboardEvent.KEY_DOWN , onKeyPressed);
    function onKeyPressed(evt:KeyboardEvent):void{
              switch (evt.keyCode){
                        case Keyboard.LEFT:
                                  changeLeft();
                        break;
                        case Keyboard.RIGHT:
                                   changeRight();
                        break;
                        case Keyboard.DOWN:
                                  changeDown();
                        break;
                        case Keyboard.UP:
                                  changeUp();
                        break;
    function changeLeft()
                        if (richting != 0)
                                  clip= new Autolinks();
                                  changeRichting(clip);
                                  richting = 0;
                        if(auto.x > 100 && !( isHitting() ) )
                                  auto.x -= 10;
                         else if( isHitting() )
                        else if (auto.x <= 100){
                                  stage.removeEventListener(KeyboardEvent.KEY_DOWN, onKeyPressed);
                                  removeChild(auto);
                                  finish.x = 225;
                                  finish.y = 200;
                                  addChild(finish);
                                  timer.stop();
    function changeRight()
                        if (richting != 1)
                        {          clip= new Autorechts();
                                  changeRichting(clip);
                                  richting = 1;}
                        if (!(auto.x < (stage.stageWidth-auto.width)) && !(isHitting()))
                        {          auto.x += 10; }
    function changeUp()
                        if (richting != 2)
                                  clip = new Autoboven();
                                  changeRichting(clip);
                                  richting = 2;
                        if ((auto.y > 0)&& !(isHitting()))
                                  auto.y -= 10;
    function changeDown()
             if (richting != 3)
                   clip= new Autoonder();
                   changeRichting(clip);
                   richting = 3;
              if ((auto.y < stage.stageHeight) && !(isHitting()))
                   auto.y += 10;
    function changeRichting(clip:MovieClip)
              var xpos:int = auto.x;
              var ypos:int = auto.y;
              removeChild(auto);
              auto = clip;
              addChild(auto);
              auto.x = xpos;
              auto.y = ypos;
    function isHitting():Boolean
         for (var i:int = 0; i < clipArray.length; i++){
                        if( auto.hitTestObject( clipArray[i] )){
                                  return true;
      return false
    i dont have  big experience in programming in flash, and this code can be very hard to understand
    any help or tips will be appreciated much!
    Greetz Rens

    here's changeLeft().  the rest are all similar:
    import flash.display.MovieClip;
    import flash.utils.Timer;
    import flash.events.TimerEvent;
    import flash.text.TextField;
    // kegel = cone
    var clipArray:Array = [kegel1,kegel2,kegel3,kegel4,kegel5,kegel6];
    var auto:MovieClip = new Autolinks();
    var finish:MovieClip = new Finish();
    addChild(auto);
    auto.x= 490;
    auto.y= 80;
    var richting:int = 0;
    //richting  = direction
    //tijd = time
    var tijd:int = 0;
    var txtFld:TextField = new TextField();
    addChild(txtFld);
    txtFld.x = 500;
    txtFld.y = 370;
    var timer:Timer = new Timer(1000);
    timer.addEventListener(TimerEvent.TIMER, onTimer);
    timer.start();
    function onTimer(evt:TimerEvent):void{
              tijd +=1;
              txtFld.text = (tijd) + " sec";
              var clip:MovieClip;
    stage.addEventListener(KeyboardEvent.KEY_DOWN , onKeyPressed);
    function onKeyPressed(evt:KeyboardEvent):void{
              switch (evt.keyCode){
                        case Keyboard.LEFT:
                                  changeLeft();
                        break;
                        case Keyboard.RIGHT:
                                   changeRight();
                        break;
                        case Keyboard.DOWN:
                                  changeDown();
                        break;
                        case Keyboard.UP:
                                  changeUp();
                        break;
    function changeLeft()
                        if (richting != 0)
                                  clip= new Autolinks();
                                  changeRichting(clip);
                                  richting = 0;
                        if(auto.x > 100 && !( isHitting() ) )
                                  auto.x -= 10;
                        else if (auto.x <= 100){
                                  stage.removeEventListener(KeyboardEvent.KEY_DOWN, onKeyPressed);
                                  removeChild(auto);
                                  finish.x = 225;
                                  finish.y = 200;
                                  addChild(finish);
                                  timer.stop();
    if(isHitting()){
    auto.x+=10;

  • Slightly shift between pages is driving me nuts.

    Hello,
    I've been building my site and I noticed that there is a slight shift in between all of the pages and the contact page, I have copy and paste several times the coding from one page to the other one... sometimes it shifts up and down, when navigating between pages. I was wondering if someone can figure this out. Here is the coding for you to look. The first one si the index which is the correct position for the spry menu, title to be in, the second one is the contact one which is the one that shifts.
    index:
    <!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>Works</title>
    <style type="text/css">
    img {
              background-color: #FFF;
              top: 10px;
              right: 10px;
    #pix p img {
              vertical-align: middle;
    #pix div #MenuBar1 {
              font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    #footer div p {
              font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
              font-size: x-small;
    p {
              font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
              font-size: 14px;
    #about p {
              font-size: 9px;
    #about p {
              font-size: 12px;
    #about p {
              text-align: center;
    #about p {
              text-align: left;
    #pic01 {
              font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
              font-size: 10px;
              background-color: #FFF;
              letter-spacing: 0%;
              clear: none;
              float: none;
              height: auto;
              width: 500px;
              border-top-width: thin;
              border-right-width: thin;
              border-bottom-width: thin;
              border-left-width: thin;
              border-top-style: none;
              border-right-style: none;
              border-bottom-style: none;
              border-left-style: none;
              left: auto;
              clip: rect(auto,auto,auto,400px);
              padding-left: 0px;
              top: auto;
              right: auto;
              bottom: auto;
              margin-right: auto;
              margin-left: auto;
    #header .center {
              font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
              font-size: 36px;
    </style>
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    body {
        font: "Trebuchet MS", Arial, Helvetica, sans-serif;
        width: 1000px;
        margin: 0 auto;
        font-size: 100%;
        background: #FFF;
    h1 {font-size: 36px;}
    #pix01 {
              width: 600px;
              border: 1px dotted white;
              margin-top: 0;
              margin-right: auto;
              margin-bottom: 0;
              margin-left: 260px;
              height: 595px;
    #pix01 img {
              height: 595px;
              width: 600px;
              vertical-align: middle;
    #pix01 p {
        font-size:12px;
    #footer {
        font-size:12px;
    /**re-usable classes**/
    .center {text-align:center}
    .right {text-align:right}
    /**clear floats**/
    .clearLt {clear:left; display:block; height:1px; visibility:hidden;}
    </style>
    </head>
    <body>
    <div id="header">
      <h1 align="center" class="center">Arturo Herrera</h1>
      <ul id="MenuBar1" class="MenuBarHorizontal">
        <li><a href="index.html">Home</a></li>
        <li><a href="Works.html">Works</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Dossier</a></li>
        <li><a href="Contact.html">Contact</a></li>
        <li><a href="#">Links</a></li>
        <li><a href="#">New Exhibitions</a></li>
        <li><a href="#">Video</a></li>
      </ul>
      <p>
        <!--clear floats in menu-->
      </p>
      <hr class="clearLt" />
      <p><!--end header--></p>
    </div>
    <div id="pix01"><img src="background2.jpg" name="main" width="600" height="595" id="main" /></div>
    <p align="center"> </p>
    <div id="pic01">
      <p align="left" class="text">Background # 2 Cut &amp; Paste 2/5</p>
      <p align="left" class="text">Mixed Media: magazine collage, glue, wood, photographic paper, matt board, nails,</p>
      <p align="left" class="text">plywood, wire, sylicon</p>
      <p align="left" class="text">tags: identity, citizenship, illegal immigrant, immigration, racial profile, status, canada,</p>
      <p align="left" class="text">usa, latino, home sexuality</p>
      <p align="left" class="text">2012</p>
    </div>
    <p align="center"> </p>
    <p align="center"><a href="https://www.facebook.com/arteisfoto" target="new" class="facebook">Facebook</a></p>
    <p align="center"><a href="http:/www.arteisfoto.com" target="new">Arte is Foto</a></p>
    <p align="center"> </p>
    <div id="footer">
      <div align="center">
        <p> </p>
        <p>Copyright 2002-2013 © Arturo Herrera. This is site is contantly changing.</p>
      </div>
    </div>
    <p> </p>
    <script type="text/javascript">
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    </script>
    </body>
    </html>
    Contact:
    <!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>Works</title>
    <link href="images.css" rel="stylesheet" type="text/css" />
    </head>
    <body><!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>Works</title>
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    body {
        font: "Trebuchet MS", Arial, Helvetica, sans-serif;
        width: 1000px;
        margin: 0 auto;
        font-size: 100%;
        background: #FFF;
    h1 {font-size: 36px;}
    #pix01 {
    width: 480px;
    border: 1px dotted white;
    margin: 0 auto;
    #pix01 img {
        height: 130px;
        width: 130px;
        vertical-align:middle;
    #pix01 p {
        font-size:12px;
    #footer {
        font-size:12px;
    /**re-usable classes**/
    .center {text-align:center}
    .right {text-align:right}
    /**clear floats**/
    .clearLt {clear:left; display:block; height:1px; visibility:hidden;}
    </style>
    </head>
    <body>
    <div id="header">
    <h1 class="center">Arturo Herrera</h1>
    <ul id="MenuBar1" class="MenuBarHorizontal">
    <li><a href="index.html">Home</a></li>
      <li><a href="Works.html">Works</a></li>
      <li><a href="#">About</a></li>
      <li><a href="#">Dossier</a> </li>
      <li><a href="Contact.html">Contact</a></li>
      <li><a href="#">Links</a></li>
      <li><a href="#">New Exhibitions</a></li>
      <li><a href="#">Video</a></li>
    </ul>
    <!--clear floats in menu-->
    <hr class="clearLt" />
    <!--end header-->
    </div>
    <p align="left" class="text"> </p>
    <p align="left"> </p>
    <p align="center" class="contact">If you would like to contact me please send me an email at: <a href="mailto:[email protected]">[email protected]</a></p>
    <p align="center" class="contact"> </p>
    <p align="center" class="contact"> </p>
    <p align="center" class="contact"> </p>
    <p align="center" class="contact"> </p>
    <p align="center" class="contact"> </p>
    <p align="center" class="contact"> </p>
    <p align="center" class="contact"> </p>
    <p align="center" class="contact"> </p>
    <p align="center" class="contact"> </p>
    <p align="center" class="contact"> </p>
    <p align="center" class="contact"> </p>
    <p align="center" class="contact"> </p>
    <p align="center" class="contact"> </p>
    <p align="center" class="contact"> </p>
    <div id="footer">
      <div align="center">
        <p> </p>
        <p>Copyright 2002-2013 © Arturo Herrera. This is site is contantly changing.</p>
      </div>
    </div>
    <p align="center" class="contact"> </p>
    <p align="center" class="contact"> </p>
    <script type="text/javascript">
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
      </script>
    </body>
    </html>
    I hope this is something easy to fix, Thanks!! this is the website too : www.arturoherrera.ca

    arteisfoto wrote:
    John, I duplicated the rule pix01 to pix02 and assigned it to the next image and its working, would you say that is ok?
    It works but it's high maintenance using unnecessary, repetitive IDs for repeating page elements with the same CSS rules defined for each ID. There's lots of redundant CSS and you need a new ID defined for every image. That's creating a rod for your back.
    Convert to a class - that's what they're for - and you're done.
    Change
    #pix01 {
              width: 600px;
              margin-top: 0;
              margin-right: auto;
              margin-bottom: 0;
              margin-left: 260px;
              height: 450px;
    to
    .pix01 {
              width: 600px;
              margin-top: 0;
              margin-right: auto;
              margin-bottom: 0;
              margin-left: 260px;
              height: 450px;
    Change all
    <div id="pix01">
    to
    <div class="pix01">
    and you're done.
    Note: there's even a school of thought which says IDs in CSS can be avoided altogether.
    http://screwlewse.com/2010/07/dont-use-id-selectors-in-css/

  • Several GarageBank Questions

    Hi,
    As a new-start can someone give me pointers re the following:
    [1] I have two Midi enabled keyboards. What's the best value but reliable way to connect up a keyboard to GarageBand for me? Should I:
    (a) try using my existing keyboards, but somehow identify a MIDI-to-USB converter for my MacBook, or
    (b) purchase an Apple USB keyboard (which would seem a bit of a waste of my existing keyboards)
    [2] Voice - I do have a mixing desk. For good voice input would people recommend going Mike into my mixer and then Line Level after this into the MacBook? Or is there a better way to get good quality voice into the MacBook?
    [3] What if I were considering going to ProTools as opposed to GarageBand? Would the answers to Q1 and Q2 above change?
    [4] What are people's thoughts in terms of whether it is worth upgrading to ProTools for a hobbyist recorder? Is GarageBand usable enough. For example things I would expect is:
    - ability to loop through a recording passage having multiple attempts at getting it right, and then choosing the take that was correct
    - ideally with the audio takes being able to slice and dice the best bit out of the multiple takes
    - ability to transpose midi parts
    - ability to record changes to part levels over the course of the song
    - ability to save to a stereo file and burn to CD
    - basic effects - e.g. reverb for voice
    - ability to manage input levels for clipping, or adding auto-clipping control, or compression or something
    - ability to have say 10 channels of audio
    Thanks in advance
    Greg
    Regards
    Greg
    MacBook (Intel)   Mac OS X (10.4.9)  

    [1] I have two Midi enabled keyboards. What's the
    best value but reliable way to connect up a keyboard
    to GarageBand for me? Should I:
    (a) try using my existing keyboards, but somehow
    identify a MIDI-to-USB converter for my MacBook, or
    (b) purchase an Apple USB keyboard (which would seem
    a bit of a waste of my existing keyboards)
    If you are happy with the keyboards themselves then a MIDI to USB interface would be the most sensible way to go: for example
    http://www.amazon.com/gp/product/B000BD321K
    [2] Voice - I do have a mixing desk. For good voice
    input would people recommend going Mike into my mixer
    and then Line Level after this into the MacBook? Or
    is there a better way to get good quality voice into
    the MacBook?
    I should start by running your mixer into the Mac and see if you are happy with the results: you may get a small amount of hiss or buzz, so listen carefully for that. It may be OK for you: or you could go for an audio interface: HangTime offers some suggestions -
    http://www.bulletsandbones.com/GB/FAQPages/Interfaces.html
    [3] What if I were considering going to ProTools as
    opposed to GarageBand? Would the answers to Q1 and
    Q2 above change?
    No, because you are talking about the interface into the computer, rather than GB itself.
    [4] What are people's thoughts in terms of whether it
    is worth upgrading to ProTools for a hobbyist
    recorder?
    You might to better to see if there is a forum for ProTools users; I don't know whether many people on here know much about ProTools. It's a powerful program, but GarageBand can do a great deal. I should work with GB for a bit and find out whether its limitations bother you.
    Is GarageBand usable enough. For example
    things I would expect is:
    - ability to loop through a recording passage having
    multiple attempts at getting it right, and then
    choosing the take that was correct
    I think you can do something like this with audio using the 'cycle region', though each take will wipe the one before, so it's not exactly what you were asking for.
    - ideally with the audio takes being able to slice
    and dice the best bit out of the multiple takes
    Possible, by recording a number of tracks as different takes: though GB's audio editing is a bit clumsy.
    - ability to transpose midi parts
    Yes
    - ability to record changes to part levels over the
    course of the song
    Yes, by drawing automation curves.
    - ability to save to a stereo file and burn to CD
    Yes, save to iTunes and burn from there.
    - basic effects - e.g. reverb for voice
    Yes.
    - ability to manage input levels for clipping,
    You control input levels with your mixer: there is a meter on the track as you record.
    adding auto-clipping control, or compression or
    something
    There is compression, though it's normally added after the event. There are many Audio Units you can add on: again, these are applied after the recording has been made.
    - ability to have say 10 channels of audio
    Yes, though if you want to record several at once you will need a FireWire interface. The number of tracks you can have is dependent more on the power of your computer. Slower computers will start to fall over as you add tracks.

  • Disabling "shot detect" in FCP X

    Is there any way to disable the auto scene detect in FCP X?  I've got a box of mini-dv tapes shot on a Canon GL2 I need to capture.  FCP has been "auto clip detecting" then into clips that are only a few frames or a few seconds long.  Is there any way to turn off this "feature"?  Thanks!

    davevad42 wrote:
    For that amount of money, I expect more options.
    I can't see where to import over firewire on QT.  Maybe if I unplug the webcam it will show the firewire input.
    I don't have a Firewire camera to test right now, but I'm pretty sure that if I had it would appear as an option next to the built-in iSight:

  • How can I get an image or clip in front of  the first transition with auto transition on?

    I have been trying to set up a project using auto transitions.  I cannot get a clip to start before the first transition.  The problem is when I post the project to Smugmug or FaceBook the preview box that appears is black.  I want it to show the first frame of the clip to give an indication of the content of the clip.  The only option seems to be to turn off automatic transitions and manually put them it at each break.
    Any ideas?

    What program was the artwork created in and what version of Illustrator are you using? ALWAYS provide this information first so we know what features you have available.
    If everything is native Illustrator artwork, then you can probably copy the portion of the paw you want outside the circle and use a PathFinder command to merge that shape with the circle, then put the resultant shape behind the artwork.

Maybe you are looking for

  • How to get the value from a function using a select statement

    I have a function(user defined not built in) that returns multiple values(like an array). My question is how do i get those values in a select statement. when i tried to retrieve it, select pack.my_members from dual; i am getting an error ORA-00902:

  • I have a Seagate Slim Portable 500 GB USB 3.0 external hard drive that worked great with my Macbook Pro 13" Retina but gets ejected and won't show files on any iMac.

    I have a Seagate Slim Portable 500 GB USB 3.0 external hard drive that worked great with my Macbook Pro 13" Retina but gets ejected and won't show files on any iMac. My Macbook Pro and the two different iMacs I tried it on were all using Mountain Lio

  • External Accessory Detection Issue

    I have an external accessory (Ingenico iSMP EFTPOS) that plugs into the iPhone 4S here using the 30pin connector. I have 7 other phones that work well, but this one does not, it can't talk to the accessory at all. I can see it's detecting it but I'm

  • HTML / Word Editor in SAP HR

    Hi Experts Can anyone please advise how can HTML / Word editor be configured in SO10. The only option right now is standard text editor and even after changing editor, it doesn't help. Please advise. thank you Regards Neha

  • Error JBO 25009

    Hi everybody, I'm using Jdev version 11.1.2.2.0, and I've got a problem with a fragment with a component "af-table" based on a view object with a composite primary key. Just after filling a column of the table -whatever the column-, an error occured: