Left Aligning an Anchor object in a horizontal scroll

I'm sure the answer to this is going to be so simple I'll be forced to learn how to kick myself.
I have a website that contains a static header section and a table row that contains a number of pictures in a horizontal scroll.  The rest of the page does not scroll, just this one table row.
I want to be able to designate some of the pictures as the starting point for a new section.   So I created an reference link at the top of the page,
<a href="#portraits">PORTRAITS</a>
and then designated one of the pictures to be the target
Start of table row
<table><tr>
<td>...........pictures
<td><a name="portraits">
<img src="gallery/5a.gif" alt="" class="transparent5" /></a>
<p class="notes">PORTRAITS</p>
<p class="title">&rarr; </p></td>
<td>
........continues on,
So the question is, once a user clicks the reference how can I ensure the target aligns on the left side of the page?    currently what is happening is it is just being brought into view on the right hand side.     This isn't the estetic the site owner wants.
Thanks for looking.

Hi Nancy, (or anyone else with input )
I can't seem to invoke the horizontal scroll for the site.  It may be because I have the scrolling in a single table within the body and the script seems to be calling out the full <body> tag for the target.
my feeble attempt is here - http://www.lightmonkey.ca/indexjs.html
The button list looks like this,
<ul id="nav" class="scroll"  >
    <a href="#portraits">PORTRAITS   </a>
    <a href="#performance">PERFORMANCE     </a>
    <a href="#editorial">LIFESTYLE + EDITORIAL      </a>
    <a href="#industrial">INDUSTRIAL      </a>
    <span class="style6"><a href="http://lightmonkeyphotography.wordpress.com/" target="_blank">BLOG  </a></span>
    <a href="#contact">CONTACT </a></ul></td>
So I think the JS function will call 'ul.scroll'  according to the syntax from the tutorial site, (bold in snippet at bottom)
The start of the scrolling table looks like this,
<div id="main"><div id="gallery">
<table><tr>
<td><a name="portraits">
<img src="gallery/5.gif" alt="" class="transparent5" /></a>
<p class="notes">PORTRAITS</p>
<p class="title">&rarr; </p></td>
<td>
etc
so what would be the function target?  (target, my term, also in bold in the snippet below)
<!-- The JavaScript -->
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>       
        <script type="text/javascript" src="reffile/easing.js"></script>
        <script type="text/javascript">
            $(function() {
                $('ul.scroll a').bind('click',function(event){
                    var $anchor = $(this);
                    if you want to use one of the easing effects:
                    $('html, body').stop().animate({
                        scrollLeft: $($anchor.attr('href')).offset().left
                    }, 1500,'easeInOutExpo');
                    $('html, main').stop().animate({
                        scrollLeft: $($anchor.attr('href')).offset().left
                    }, 1000);
                    event.preventDefault();
        </script>
Any suggestions on this?
Thanks again!  tried to just figure it out but 3 dozen combinations have not worked out....

Similar Messages

  • Aligning and Snapping to Anchored Objects

    Is there a setting that will allow me to snap other objects to anchored object?
    Currently, everytime I want to align or snap to an anchored object, I have to remove the anchor, align, then re-apply the anchor. Over, and over. Why don't the snaps recognize the anchored object?

    Jongware,
    You're wrong on a couple of counts:
    1. The parent of the inline/anchored frame is the character that holds it.
    2. The parentStory is (in effect) the same as myTF.texts[0].
    I just used Fred's code and did this with it, having created a document with a text frame holding just the word "Hello" and it worked:
    myDoc = app.documents[0];
    setupFindText("Hello");
    myFinds = myDoc.findText();
    myTF = myFinds[0].insertionPoints[-1].textFrames.add();
    myAnchStory = myTF.parentStory;
    myAnchStory.texts[0].contents = "What?";
    function setupFindText(find, change, wholeWd, caseSense, foots, hidLayers, lockedLayers, lockedStories, masters) {
      app.findTextPreferences = null;
      app.changeTextPreferences = null;
      try { app.findTextPreferences.findWhat = find } catch(e) {};
      try {app.changeTextPreferences.changeTo = change } catch(e) {};
      app.findChangeTextOptions.properties = {
        caseSensitive:(caseSense == null ? false : caseSense),
        wholeWord:(wholeWd == null ? false : wholeWd),
        includeFootnotes:(foots == null ? false : foots),
        includeHiddenLayers:(hidLayers == null ? false : hidLayers),
        includeLockedLayersForFind:(lockedLayers == null ? false : lockedLayers),
        includeLockedStoriesForFind:(lockedStories == null ? false : lockedStories),
        includeMasterPages:(masters == null ? false : masters)
    } // end setupFindText
    Dave

  • How to align an anchor point with an object?

    I have a shape I made with the pen tool, and now I want to align one anchor point of the shape with the middle of a rectangle. How can I do this? It doesn't seem like I can do what I do for objects, which is select both objects, click the object I want to align to, and hit align. If I'm not describing this properly let me know and I can try to clarify.

    ...another way...
    1. grab the Rectangle Tool
    2. move your mouse on top of the Anchor you wish to align
    3. draw a rectangle wider than the shape, centered on the Anchor
         - click and drag to draw a rectangle (don't release yet),
         - then press Alt to make it centered on top of the anchor,
         - release the mouse, then the Alt key.
    4. select both your shape and the rectangle
    5. press Ctrl+G to group them
    6. select both, the newly created group and the rectangle
    7. align your shapes
    8. ungroup and delete your temporary rectangle
    9. to align vertically, make your temp rectangle wider and taller than your shape.

  • Anchored Objects with text wrap, need vertical space

    Hi.  I'm a fairly new InDesign user and have just this past week learned about anchored objects, threading text frames, numbered lists, and some other fun options. So far InDesign has done most everything I need fairly elegantly. However, I have not been able solve one issue.
    In my book I have numerous pages that have this issue; I'll just describe one case. On this page there are 4 graphics running down the right side of the page. These are not anchored graphics. They do have text wrap defined on the left side and bottom. There is text that wraps lovely on the left.
    Each of these four graphics has a specific paragraph it needs to top align with. However, the text it aligns with may not take up as much vertical space as the graphic does. When I anchor each graphic with the paragraph it needs to align with, the four graphics overlap each other.
    At the moment, to make it look right, I have placed each graphic individually and added a blank paragraph above each paragraph of text that should align with a graphic and use the Space Above of each blank paragraph to have it align with the graphic.
    I'm not even sure what to search to try and solve this. I looked briefly into compound paths, but that didn't look like it would help.
    I hope this is clear and thank you for any assistance at all.
    Andrea

    No problem. Click your cursor somewhere in the paragraph that ought to be aligned with the next image down, then run this Javascript.
    It's not entirely accurate, as it uses the font size to do a minimal adjustment where it actually should use the font's cap height -- but you cannot get to that through scripting. This final adjustment is necessary because ID does know the baseline, and your first line ought to dip just below this to have the top of the first line aligned to the top of the image.
    //DESCRIPTION:Align paragraph with image.
    // Jongware, 15-Jul-2010
    if (app.selection.length == 1 && app.selection[0].hasOwnProperty ("baseline") && app.selection[0].paragraphs[0].index > 0)
         // find nearest image on the right
         ypos = app.selection[0].paragraphs[0].lines[0].baseline;
         pg = app.selection[0].parentTextFrames[0];
         while (1)
              if (pg instanceof Character)
                   pg = pg.parentTextFrames[0];
              if (pg instanceof Spread || pg instanceof Page)
                   break;
              if (pg instanceof Document || pg instanceof Application)
                   exit(0);
              pg = pg.parent;
         img = pg.allGraphics;
         dist = 999999;
         nearest = null;
         for (i=0; i<img.length; i++)
              if (img[i].geometricBounds[0] > ypos && Math.abs(img[i].geometricBounds[0] - ypos) < dist)
                   dist = Math.abs(img[i].geometricBounds[0] - ypos);
                   nearest = img[i];
         if (nearest == null)
              alert ("no image found nearby!");
         else
              prevm = app.activeDocument.viewPreferences.verticalMeasurementUnits;
              app.activeDocument.viewPreferences.verticalMeasurementUnits = MeasurementUnits.POINTS;
              top = nearest.geometricBounds[0];
              ypos = app.selection[0].paragraphs[0].lines[0].baseline;
              if (ypos < top)
                   app.selection[0].paragraphs[0].spaceBefore = top-app.selection[0].pointSize-app.selection[0].parentStory.paragraphs.previousItem(app.selection[0].paragraphs[0]).lines[-1].baseline;
              app.activeDocument.viewPreferences.verticalMeasurementUnits = prevm;
    This image shows three paragraphs aligned with their respective images (it won't work on the first paragraph, but that ought not to be necessary anyhoo).

  • How to change Anchor Object Options Status of Object Styles?

    hi to all,
    here i'm creating Object Style and applying some properties, when i create a Object Style, and the anchor Object options not become true status instead it being in false status how do i change status of anchor Object options of object styles
    pls help me
    here the i tried code,....
      myAnchorFrame.contents =selItem;
         try{
         var rightObjStyle = app.activeDocument.objectStyles.add({name: "RightAlignment"});
         with(rightObjStyle.anchoredObjectSettings)
          spineRelative = false;
          anchoredPosition=AnchorPosition.anchored;
          anchorPoint = AnchorPoint.LEFT_CENTER_ANCHOR;
          horizontalAlignment = HorizontalAlignment.RIGHT_ALIGN;
          horizontalReferencePoint = AnchoredRelativeTo.COLUMN_EDGE;     
          anchorXoffset = spaceVal;
          verticalReferencePoint = VerticallyRelativeTo.lineBaseline;
         }}catch(e){
           myCharacterStyle = app.activeDocument.objectStyles.item("RightAlignment");
           myCharacterStyle.anchoredObjectSettings.anchorXoffset= spaceVal;
          try{
         var leftObjStyle = app.activeDocument.objectStyles.add({name: "LeftAlignment"});
         with(leftObjStyle.anchoredObjectSettings)
          spineRelative = false;
          anchoredPosition=AnchorPosition.anchored;
          anchorPoint = AnchorPoint.RIGHT_CENTER_ANCHOR;
          horizontalAlignment = HorizontalAlignment.LEFT_ALIGN;
          horizontalReferencePoint = AnchoredRelativeTo.COLUMN_EDGE;     
          anchorXoffset = spaceVal;
          verticalReferencePoint = VerticallyRelativeTo.lineBaseline;
         }}catch(e){
           myCharacterStyle = myDocument.objectStyles.item("LeftAlignment");
           myCharacterStyle.anchoredObjectSettings.anchorXoffset= spaceVal;
          try{
         var L_RObjStyle = app.activeDocument.objectStyles.add({name: "L/RAlignment"});
         with(L_RObjStyle .anchoredObjectSettings)
          spineRelative =true;
          anchoredPosition=AnchorPosition.anchored;
          anchorPoint = AnchorPoint.LEFT_CENTER_ANCHOR;
          horizontalAlignment = HorizontalAlignment.LEFT_ALIGN;
          horizontalReferencePoint = AnchoredRelativeTo.COLUMN_EDGE;     
          anchorXoffset = spaceVal;
          verticalReferencePoint = VerticallyRelativeTo.lineBaseline;
         }}catch(e){
           myCharacterStyle = myDocument.objectStyles.item("L/RAlignment");
           myCharacterStyle.anchoredObjectSettings.anchorXoffset= spaceVal;
          if(align =="Left")
           myAnchorFrame.applyObjectStyle(app.documents[0].objectStyles.item("LeftAlignment"), true);
          else if (align =="Right")
           myAnchorFrame.applyObjectStyle(app.documents[0].objectStyles.item("RightAlignment"), true);
          else if(align =="Left/Right")
           myAnchorFrame.applyObjectStyle(app.documents[0].objectStyles.item("L/RAlignment"), true);

    Is it the:
       enableAnchoredObjectOptions = true;
    As shown here: http://forums.adobe.com/thread/454988?tstart=30

  • Anchored objects and first line in InDesign CS3

    Hi, thanks for reading. I know that when you want an achored object at the beginning of a text block to all push away ("wrap around") the text, including the first line, you have to put it into a line before that.
    What I don't like about it, is that I then have an empty first line and everything else is pushed one line down. Now I could move the whole textbox up, to fit to the rest of my layout, but that's not the way one should work in InDesign. Is there a way to get around the first line?

    T-
    Select the anchored object and put text wrap on it. Then select the anchored object and go to Object/Anchored Object/Options. Select Position: Inline and set the Y Offset to the negative number that aligns your text where you want it.

  • Equal Space between Menu Items and Drop Down Menü left aligned not possible?

    It seems like I can either have equal spacing between the horizontal menu items and the drop down menu will show up centered , or I say the menu items should be of equal size, and then drop down will be left aligned. Is there any way of having equal space AND left aligned drop down???? Thanks in advance!

    Hello Anjum,
    Thank you for reporting the issue. It seems to be a Bug and we have logged the same. Hopefully it will get fixed in coming releases.
    As of now we do not have any workaround for same. However once we have some workaround, we will definitely share it with you.
    Regards,
    Sachin

  • Efficient, repetitive insertion of anchored objects

    I'm using InDesign 5.5 on a Mac running OS 10.8.5 if that has anything to do with this issue. My proficiency with Id is relatively low, but I've learned how to format books and have published three of my own, am trying to finish up a fourth, and have done another for a writer friend. Here's the problem I cannot seem to solve:
    At the start of every chapter I have the heading defined in a style, then a chapter graphic style, then the first paragraph of the main body in another style. I have some notes from the last time I did this a couple of years ago, and they indicate that I found a work flow that allowed me to:
    1. With a chapter graphic positioned exactly where I want, copy it. What I expected to happen this time based on my previous experience was for this to copy not only the graphic, but the anchored position information as well.
    2. Place the insertion point to the right of the next chapter heading and hit return.
    3. With the chapter graphic set as the next style, the insertion point is now sitting where I want the graphic.
    4. Paste the graphic and it's positioned where I want it.
    5. Repeat this for each chapter without too much trouble.
    But this time, two things happen that I'd like to avoid: 1) The graphic inserts with the right edge of the bounding box lined up with the centered insertion point, and 2) the text in the first paragraph is shoved down the page. I think what's happening is that the chapter graphic style is displaced so it's like I hit a return with that style active and I get two of them rather than the one I want.
    I've been able to anchor the graphics by clicking on them with the Selection tool, then option clicking on the anchor to bring up the anchored object window, which never shows above or below line. I select that, have to change from left to center, then adjust the below spacing to get the distance I want between the bottom of the graphic and the first line of text, then change the extra chapter graphic style below the graphic to the main body style, and reposition the first paragraph where it needs to start.
    Needless to say, this is going to get very old doing all that for 34 chapters, then repeat the process for a smaller graphic I'm using at every scene break, and there's a lot more of those.
    I hope I've described this so that it makes sense, and I'd appreciate knowing how to solve it. Thank in advance,
    Tosh
    P.S. Hello Peter!

    Thank you for the reply. I've taken 5 screenshots to illustrate what's happening:
    #1 is shows the text insertion point in the chapter graphic style between the chapter heading and the first paragraph:
    #2 is the result of pasting in the graphic: What I've been able to do before (at least that's what my notes day) is to have the graphic centered on the insertion point. But you can see how the insertion point has shifted to the left, and the right edge of the graphic is lined up with it.
    #3 shows application of the object style. This is a step I hadn't been doing before, and it definitely saves time not having to use the options window to set above line/center/and above values.
    #4 illustrates the extra spacing between the graphic and the first paragraph because the insertion point is in the chapter graphic style, not the style for the first paragraph. Especially confusing is that the chapter graphic style is centered, and the insertion point is justified left
    #5 shows the application of the first paragraph style to the location of the insertion point.
    This is the result I'm looking for, and as mentioned earlier, I remember having a workflow that allowed me to paste the graphic into the centered paragraph style and that's where it stayed.
    I can do this longer workflow and get what I want, but it's labor intensive and there has to be a better way.
    Tosh

  • Easier anchored objects

    I think it would be great if anchor points were easier to use.  I know how to create an anchored object, but I don't usually because they are a hassle.  It would be much easier if anchor points could be added to objects that are already there.  Also when I use text wrapping with an anchored graphic, it does not always work, depending on the vertical alignment with the anchor point.

    All layers are on
    @Annie – this is not relevant, because anchored objects ("inline" or "custom" makes no difference) are tied to the layer of their parent text frame.
    1. The objects could be "hidden".
    There is a contriol for that to bring back all hidden objects on a spread:
    alt + cmd + 3 (for InDesign on Mac OSX)
    2. The objects could be set to "No Printing" and you look at your document with the "View / Overprint Preview" checked. You can control the "No Printing" in the Attributes Panel.
    3. A combination of 1. and 2.
    4. The objects are removed…
    Could happen with a TEXT or GREP search/replace action that happens to include all anchor characters in your text.
    5. …
    Uwe

  • Anchored objects (haven't used them often enough!)

    I haven't really used anchored objects a lot, but I want to start! I'm trying to make an achored frame to hold a photo since I will be adding lots of photos into columns and need to keep them aligned with the person's name. I've set the frame with a Custom position, X Relative to Column Edge and Y Relative to Line (Cap Height). Then I added text wrap. My problem is that the very first line refuses to wrap. What am I missing? I'm hoping to make an object style where I can insert these photo placeholders throughout. I imagine I've missed something obvious, but I just don't know what it is. Here's a screenshot of the column and box:
    Help appreciated!
    Thanks, Phyllis

    That actually works much better (the inline option). :-) I think I originally started to try that but had gotten an error message about the negative values being too high (I was trying to enter the offset numerically). So thought that custom was the way to go. But this actually seems to be a much better way of handling it for this project. That'll leave me with only an occasional place where I manually have to stick in a box (there's a couple of paragraphs where 2 speakers are mentioned together so I need the boxes one on top of the other). So thanks that's great!!!
    I'm trying to figure out the best application for each type of anchored graphic. I guess any time I want to wrap something at the beginning of a paragraph, I should aim for inline. And use custom for things like icons that stick to the column rules or something. Just thinking about how best to use these... I'm aiming for getting my layouts as easily editable as possible.
    Thanks, Phyllis

  • Need anchored objects to be behind text

    Anchored objects have aways had lot of shortcomings for my workflow. One shortcoming I'd really like to see fixed in future versions of ID is the inability to choose for the anchored object to appear behind the text it is anchored with. Here are just a few uses that I can think of that would be helpful in my workflow:
    Creating numbered lists that have specialty art behind the numbers. To do this currently, you have to either do manual numbering and group it with each object and anchor the object with the number into the line of text or you have to keep the auto-number list and the objects for the numbers separate and manually reposition the number objects whenever the text reflows.
    Creating paragraph backgrounds that flow with the paragraph. Right now about the only way to do that is using the paragraph rules or tables which have severe formatting limitations (no rounded corners, ignore text wrap, etc.), and the rules are difficult to resize. If you could create the background as a ID object or placed art and anchor it to the beginning or end of the paragraph, you could manually resize it to the size of the paragraph and it will flow with the paragraph whereever you need it (this currently will not work unless the object can be made transparent to the text using an effect.
    Captioning anchored images could actually overlap the image if and where necessary. Right now, if you want captions to appear on top of an anchored image, you have to group the caption with the image before anchoring it into the text flow.
    There are workarounds obviously for these tasks (as I've indicated), but by their nature workarounds are time consuming. I'm always looking for ways to automate tasks and save time in ID. Having the option to make an object appear behind the text it is anchored with would be a tremendous time saver.
    Anyone else see a use for stacking order option with anchored objects?

    @Obi-wan – you say: "Despite the fact that, like all anchored boxes, it is foreground, text color is truly visible with no effect on the blue block !!"
    With anchoring "Above Line" the anchored objects are really stacked behind. At least that stacking order is true for all characters after the anchor character. Using a different anchoring method will always yield in anchored objects stacked above (foreground).
    Doing some tricks with the effects panel on the anchored object is alright, so that all the other text, that is stacked below will showing through, but you should be aware, that these effects will change the game when it comes to color separation for print workflows.
    Separation preview with all channels visible CMYK:
    Separation preview with [Black] not visible CMY:
    As you can see, the usually overprinting color [Black] on the text below is left out. When exporting a PDF, I think nearly no prepress tool in the world will find an automatic way to change this because of the stacking order of the elements.
    If the green rectangle would be stacked behind the text like in anchoring "Above Line" we will see the following with separation preview CMYK:
    Turn off K in the separation preview will give a surprising image:
    All black text, that comes after the anchor character will overprint, all text before will not. And that "will not" is definitive. If we look at the objects in Acrobat Pro after exporting to PDF, we will see that not overprinting characters "ut endis" in my little screenshot here are below the green rectangle, all characters following after the anchor are above the green rectangle.
    Here a screen shot from Acrobat Pro that will reveal the stacking order a bit (the transparent background of the page is shown as gray; an option in Acrobat Pro's view preferences):
    So in the end, "ut endis" will be printed with a total amount of color:
    0 Cyan
    0 Magenta
    0 Yellow
    100 Black
    Sum: 100%
    The "black" text following due to overprinting* (EDIT) will be printed with:
    75 Cyan
    5 Magenta
    100 Yellow
    100 Black
    Sum: 280%
    * AND of stacking order of course!
    All other black text will overprint as well, but there is no effect for the green rectangle because the text is stacked behind the rectangle.
    Uwe

  • TOC and anchored objects

    Hi!
    I'm experiencing some problems generating the TOC.
    I design the chapter titles to stay into an anchored object before the first paragraph title but generating the TOC the chapter title is putted after the first paragraph title!
    There's a way to make indd to read the title into the anchored object first?
    Thank you!

    Thanks to everyone for the help and sorry if I can answer just now.
    I'm probably doing something wrong in anchoring the object, I don't use this method often. I need to put the chapter title in a frame that everything is within a fluid text, so that if I remove or add some text the title box moves accordingly.
    The method I used to anchor the text frame with the title chapter is to hold down the shift key and drag (I'm using windows7) on the black square. And it works great, if not for this issue of the TOC!
    I accept any kind of suggestion!
    @ Uwe: using this method to anchor I can't move the frame to right or left... So nothing change...

  • TOC scrambled with headings from anchored objects

    I have a book design with first-level headings in the main text flow and second-level headings inside of anchored objects in the left margin of the pages. When I generate a TOC the headings used to be in the correct order, precisely as intended. After installing the 5.0.2 update however the TOC gets scrambled when I update it. The second-level headings from the anchored objects are printed before the first-level heading (in the TOC) when they are both on the same page. Second-level headings on pages after the first-level heading are printed after the first-level heading (in the TOC) where they should be.
    The source of this problem may be the altered search-order for headings that should be included in the TOC. Although it seems only logical that the main text flow defines the order from top to bottom and anchored objects should be included from the anchor in the main text flow. Now it seems that the search order is from left to right on the pages.
    Adobe says to have made major fixes in the areas of both anchored objects and table of content generation, but whatever they did the only difference I find is for the worse.
    Is there a fix for this fix?

    Long shot, but go to the application preferences and uncheck the box in the General section that says Prevent Selection of Locked Objects.

  • JTree behavior: very slow (horizontal) scrolling left/right

    Hello folks,
    I have an app that was very sluggish: primary a
    JTree in a JScrollPane in a JFrame (with a toolbar
    menu bar etc).
    Each node of the JTree has a user object "behind" it
    and I was able to implement HUGE performance increases
    by changing the toString() method to cache their
    representation when possible (99% of the time).
    Now 10,000 nodes scroll "snappily" up and down. Cool!
    Even with different icons drawn by the TreeCellRenderer.
    (also cached in a hash table).
    But now left/right (horizontal) scrolling is sluggish as
    heck.
    Ideas, kind friends?
    Be well !
    Eric

    Replying to my own post ...
    Discovered this behavior was introduced in
    JDK 1.3.1_01 ... the previous releases, 1.3.1 beta1,
    1.3.1 beta2, as well as the earlier 1.3.0.x, work fine.
    Eric

  • YouTube Video Issue - when I fill the wrapper it left aligns on mobile & tablets

    Example: http://www.hollywoodunderground.com
    When I set the width of the video to 1000px, it looks fine in browsers, but when you look at it on a mobile device it left aligns the whole page. My only fix so far has been to change it to 990px but obviously that doesn't look quite as good. I have the iframe inside a video DIV with the dimensions set in HTML, would CSS dimensions be better or is this something with YouTube?

    In the following example, I have embedded a YT video inside a FluidGrid Layout (% width).  The video and layout respond to device width.
    http://alt-web.com/FluidGrid/Fluid.html
    The relevant CSS code for video-container is this:
    .video-container {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
    .video-container iframe,
    .video-container object,
    .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    The HTML:
    <div class="video-container">
    <!--YOUTUBE CODE-->
    <iframe width="560" height="315" src="http://www.youtube.com/embed/your-code-here" frameborder="0" allowfullscreen></iframe>
    <!--end video-container--></div>
    Nancy O.

Maybe you are looking for