White space added to end of slideshow

I've created a slideshow in 5.5 and at the end of my slideshow when it's played (either in project preview or exported to YouTube) there is about :40sec of white space added in.
What could I have done to create this? The last slide is an image slide, there is nothing beyond that.
Also, is there a way to instruct the slideshow to repeat at the end or is there a player besides a YouTube player that will repeat once it reaches the end?
Many thanks for the help!

Thanks, Andy!  That was helpful.
Here is a screen shot of the last slide: 
In the Project Preview within Captivate, there is no white addition.  It is when I upload it to YouTube is when the additional white space is added on - it adds about :40sec or so of white before it fades out.
Thanks so much for your help - I've been trying to figure this out for awhile!

Similar Messages

  • Why is there unwanted white space added to all .jpg/.png when "inserted" into Dreamweaver CS4?

    I have two seperate sites/seperate root folders that I am building right now and every image that I insert into Dreamweaver has an extra white space added to the left of every image. Please help, I must have checked/unchecked something in my preferences. Thank you!
    Its not in my CSS or in the HTML coding...from my site:
    <a href="optomized-large/Havana-Night-(66-of-312).jpg" title=""> <img src="optomized-thumb/Havana-Night-(66-of-312).jpg" width="100" height="150" alt="" /> </a>

    You do know how wrong it is to make a web page that is nothing but images, right? It's on the list of the 10 worst mistakes you can make for sure.
    Anyhow, look at this page -
    http://www.murraytestsite.com/denver.html
    I have outlined every image on that page with a 1px red border.  There is no unwanted white space being added to those images.  If there were you would never see the menu button images that close together.  I have also put a 1px green border on the left of the container div.  Note that the images are snug against that green border.

  • White spaces in token area of xsd - error when importing xsd as ext. def.

    Hello,
    we are not sure about this issue.
    This is how an area of the xsd (unfortunately an xsd of a published standard message format of german government!)
    is defined that we need to import as an external definition:
      <xs:complexContent>
          <xs:restriction base="tns:WLT_String">
            <xs:sequence>
              <xs:element name="content">
                <xs:simpleType>
                  <xs:restriction base="xs:token">
                    <xs:enumeration value="Allgemeine Fahrerlaubnis (§ 5 StVZO) " />
                    <xs:enumeration value="Dienstfahrerlaubnis-Klassen (bisheriger § 5 i. V. m. §  14 StVZO)" />
                    <xs:enumeration value="Dienstfahrerlaubnis-Klassen (§ 6 i. V. m. §  26 FeV)" />
                    <xs:enumeration value="Dienstfahrerlaubnis-Klassen Bundeswehr (bisheriger § 5 i. V. m. §  14 StVZO)" />
                  </xs:restriction>
                </xs:simpleType>
              </xs:element>
            </xs:sequence>
            <xs:attribute name="wl_fassung" type="xs:string" use="optional" default="0" />
            <xs:attribute name="wl_version" type="xs:string" use="required" fixed="1.1" />
          </xs:restriction>
        </xs:complexContent>
    So we can see this defintion:
                  <xs:restriction base="xs:token">
    which means per definition:
    xsd:token: normalizedString w/o 2 white spaces succeeding and w/o white spaces at start and end.
    But you can see that the enumerations contain 2 white spaces succeeding or white space at the end.
    Impporting this xsd as an external definition into PI will fail.
    So it looks like PI is doing a very restricitve check of the values against the token definition.
    We would expect that any xml editor would do the same check but behaviour of xml editors is different means accepting this xsd.
    So is it correct that PI is more restrictive at the latest during activation of such an xsd?
    This results in the situation that official standard xsds will be used by governement with other tools but only interfaces with PI will fail..
    Any ideas how to run with that issue?
    Regards
    Dirk

    Hello,
    Your issue looks like the one described in this page:
    http://www.xmlplease.com/normalized
    For reference purposes, here is the link for the supported schema and wsdl in PI 7.1
    http://www.sdn.sap.com/irj/sdn/go/portal/prtroot/docs/library/uuid/00a9a425-1769-2a10-9196-bd8eeed72e4c
    As a temporary work around, you can try editing the xsd by removing the spaces before importing it into PI.
    Hope this helps,
    Mark

  • StringTokenizer - White Spaces

    Hi,
    I need to tokenize some addresses like:
    5|2974| |QUEEN ELZABETH STREET 5| | |ATLANTA| |GA|
    5|2975| |NELSON PLACE, 2| | |TELLAPOOSE| |GA|
    The problem is that some of those records have one white space at the end (after the last "|" symbol) and some other have two spaces.
    The StringTokenizer recognizes two white spaces as a new token, so in some addresses i get 9 tokens and in some other 10.
    In particular with the example above i get the following result:
    ---------------------------FIRST RECORD-----------------
    5
    2974
    QUEEN ELZABETH STREET 5
    ATLANTA
    GA
    --------------------------SECOND RECORD-------------
    5
    2975
    NELSON PLACE, 2
    TELLAPOOSE
    GA
    How can i do to not consider the space after the GA in the second record?
    Thanks

    some of those records have one white space at the end (after the last "|" symbol) and some other have two spacesIn both cases you should have a token after the last "|" delimiter.
    If you need further help then you need to create a [Short, Self Contained, Compilable and Executable, Example Program (SSCCE)|http://homepage1.nifty.com/algafield/sscce.html], that demonstrates the incorrect behaviour.
    Don't forget to use the [Code Formatting Tags|http://forum.java.sun.com/help.jspa?sec=formatting], so the posted code retains its original formatting.

  • White spaces append to restulting strings

    Hello All,
    I'm faced with a weird issue. There are white spaces append to the strings. The only workaround I have is to use the TRIM function. However, I sense that this this maybe be a characterset conversion issue.
    I've included the NLS setting for bother Oracle and MySQL as well as my odbc.ini file
    QUERY:
    SQL> select '"'|| "User" ||'"' as Username from "user"@MYODBC5;                  
    Results (there is white spaces added right after the username, as the result shoudl have been "intm","root" as opposed to "intm                                "
    ===============================================================================================================
    USERNAME
    "intm
    USERNAME
    "root
    QUERYWORK AROUND:
    SQL> select '"'|| trim("User") ||'"' as Username from "user"@MYODBC5;
    USERNAME
    "root"
    "intm"
    NLS _SETTINGS  ORACLE
    ==============================================================
    Oracle:
    ======
    NAME                      
    VALUE$
    NLS_LANGUAGE              
    AMERICAN
    NLS_TERRITORY             
    AMERICA
    NLS_CURRENCY              
    $
    NLS_ISO_CURRENCY          
    AMERICA
    NLS_NUMERIC_CHARACTERS    
    NLS_CHARACTERSET          
    AL32UTF8
    NLS_CALENDAR              
    GREGORIAN
    NLS_DATE_FORMAT           
    DD-MON-RR
    NLS_DATE_LANGUAGE         
    AMERICAN
    NLS_SORT                  
    BINARY
    NLS_TIME_FORMAT           
    HH.MI.SSXFF AM
    NAME                      
    VALUE$
    NLS_TIMESTAMP_FORMAT      
    DD-MON-RR HH.MI.SSXF
    F AM
    NLS_TIME_TZ_FORMAT        
    HH.MI.SSXFF AM TZR
    NLS_TIMESTAMP_TZ_FORMAT   
    DD-MON-RR HH.MI.SSXF
    F AM TZR
    NLS_DUAL_CURRENCY         
    $
    NLS_COMP                  
    BINARY
    NLS_LENGTH_SEMANTICS      
    BYTE
    NLS_NCHAR_CONV_EXCP       
    FALSE
    NAME                      
    VALUE$
    NLS_NCHAR_CHARACTERSET    
    AL16UTF16
    NLS_RDBMS_VERSION         
    11.2.0.2.0
    NLS _SETTINGS  MYSQL
    ==============================================================
    Oracle:
    ======
    NAME :
    +--------------------------+----------------------------+
    | Variable_name            | Value                      |
    +--------------------------+----------------------------+
    | character_set_client     | utf8                       |
    | character_set_connection | utf8                       |
    | character_set_database   | latin1                     |
    | character_set_filesystem | binary                     |
    | character_set_results    | utf8                       |
    | character_set_server     | latin1                     |
    | character_set_system     | utf8                       |
    | character_sets_dir       | /usr/share/mysql/charsets/ |
    +--------------------------+----------------------------+
    ===========================================================ODBC INI
    [myodbc5]
    Driver = /usr/lib64/libmyodbc5a.so
    Description = Connector/ODBC 5.3.4 Driver DSN
    SERVER = 127.0.0.1
    PORT = 3306
    USER = intm
    PASSWORD = *********
    DATABASE = mysql
    OPTION = 0
    TRACE = OFF

    Hi,
      I reproduced the problem on my systems with Oracle AL32UTF8 and MySQL latin1 database selecting from a char column.
    The solution was to add -
    CHARSET=latin1
    to the MySQL odbc.ini entry.
    If I set -
    CHARSET=utf8
    then the problem happened.
    Try this and let us know what happens.
    Regards,
    Mike

  • PDF Report adding white spaces

    NEVER MIND.... Why is their no DEL option... Added fm in front of MONTH ('DD fmMONTH YY') and its fixed.
    I have a report that goes to a PDF based on a RTF template. On the Dates, the XML Feed looks fine, but when it generates the PDF it is adding random white spaces in the date.
    XML Feed:
    <REPORT_DATE>31 AUGUST 09</REPORT_DATE>
    <ORDER_DATE>19 AUGUST 09</ORDER_DATE>
    PDF Returns:
    Dated 19 AUGUST 09
    31 AUGUST 10
    so the year is seperated from the month. The SQL is a TO_CHAR(ORDER_DATE, 'DD MONTH YY') and so on...
    Any thoughts from anyone??? Please.....
    Edited by: Matt.Smith on Aug 26, 2009 7:56 AM

    Because instead of editing your previous message, it is a better practice to add a new message and CLOSE the thread there. Allows people to see the thread properly..
    Thank you,
    Tony Miller
    Webster, TX

  • Eliminate White Space in Picture Library Slideshow Web Part

    On my site, I am using picture library slideshow web parts on two different pages, and one of them is giving me trouble with unwanted white space between the photos and the back, pause, forward control buttons (see photo below).
    In an attempt to resolve this issue, I have tried numerous things. I have resized the width and height of the web part itself to many different sizes, but to not avail. I have cropped and resized all of the photos to be the exact same size of 300x200
    pixels. I have used CSS to display the photos to their actual size rather than the standard preview size. With all of this in mind, my second photo library web part on another page works perfectly. This was white space problem was only an issue until
    I resized/cropped the photos in that case. For this page, however, that solution is not working.
    Does anyone have any clue as to how I can remove this unwanted white space?
    Thank you!

    Hi Stacey,
    From your description, you would like to remove white space in picture library slideshow web parts. You used CSS to solve it however a web part still show white spaces.
    Please press F12 and see if there is div tag in white space, if there is, try remove it.
    http://365.webbrewers.com/Pages/webbrewerstest.aspx
    In addition, try edit web part properties > Display with > choose No Title or Description.
    Here is a similar thread for your reference:
    http://social.technet.microsoft.com/Forums/en-US/1e63661f-0183-44e7-843a-cca58a20cddc/remove-empty-space-in-picture-library-slideshow-web-part?forum=sharepointgeneralprevious 
    Regards,
    Rebecca Tu
    TechNet Community Support

  • Adding white spaces

    Hi everyone;
    How would I add a certain number of white [blank]spaces to the end of a string? I know how to add a space, but don't know how to add more than one. Thanks in advance.

    there are several ways. Here is one:
    for (int x = 0; x < spaces; x++) {
    stringBuffer.append(" ");
    return string.toString();

  • GREP remove white space at start and end of paragraph

    Hi,
    Question for the GREP experts: I'd like to construct a GREP expression
    that will remove all white space at the start AND end of a paragraph in
    one go.
    What I've got so far works, but you have to run it twice to work:
    I'll try and post it at the bottom of this message, but since I'm
    posting via email it probably will come out scrambled, so I'll describe
    what I've got so far:
    Two expressions in parenthesis separated by the OR character (pipe). The
    first expression searches for one or more space, tab or white-space at
    the beginning of a paragraph.
    The second expression searches for the same at the end of the paragraph.
    Each expression is in parenthesis, and the two groups are separated, as
    I say, by an OR sign.
    However, this has to be run twice for it to work. For it removes all the
    spaces at the start of paragraphs, then when run again all the spaces at
    the end.
    Any ideas how to get it to work in one go?
    Thanks,
    Ariel
    The expression is:
    (^[ \ts]+)|([ \ts)+$)

    Arïel, your GREP appears a bit mashed up in the forum -- was it something like this?
    (^[\t\s]+)|([\t\s]+$)
    If so:
    1. "\s" is "any whitespace", so you would not need to include "\t" as well. But I would not recommend this, as a HUGE disadvantage of "\s" is it also includes hard and soft returns: double returns are seen as "any whitespace" (the first return) and then "end of line" (the second return), and the first is removed. ("Disadvantage" is subject to what you want to accomplish, by the way. I usually don't want this so I list each possible whitespace character that may be removed.)
    2. The parentheses around each 'section' of this GREP are not necessary. The OR operator is 'highest level' -- in this case, since you have an entire left part OR an entire right part, you can omit all parentheses.
    3. This works for me ...
    ^[\t ]+|[\t ]+$
    ... and despite Peter's not-too-shabby suggestion, I would still recommend using mine instead. It's easier on ID (since it only has to remove text, not "remove-and-then-insert-again" (which is exactly what using the $.. operators do), and, more importantly, there are limits to what $1 can 'pick up'. I can't recall the special circumstances, but I have had text attributes shift, and footnotes and anchored objects disappear/being mucked up/otherwise mangled.

  • Adding custom stamps to many pages in white space.

    Is there any way to add a custom stamp to every page of a PDF book and having it placed into the white space on the document? I have found a script that will do every thing except for the 'white space' part of my query, so I don't think I will have much luck.
    Watermarks will probably not work in this instance, the stamp needs to be noticible but not in the way, and the watermark will encouter the same placement problem (as it is preferable if the stamp/watermark is not getting the in way of the drawing pdf's content).
    Any help will be appreciated, just let me know if you need more clarification.

    The question is what do you mean by "white space"? Is it always the same area on the page (like a 2" margin), or is it a different location for each page, where there happens to be no text or images? The former is possible, the latter only partially, and is very difficult to implement with a script.

  • Adding white spaces between strings during concatenation in JSTL

    Please provide a way to add white space between strings during concatenation in JSTL.
    I tried the following.
    eg:
    <c:set var="even_odd" value="odd">
    <c:out value="first ${even_odd}"/>
    I want the output string as "first odd ".
    Moreover i am using the above value for generating the class attribute of a row of a table like
    <tr class=<c:out value="first ${even_odd}"/>>
    while printing the value of <c:out value="first ${even_odd}"/> in the page,i am getting correctly as i needed as "first odd".
    But while taking the code of the page while rendering by the browser, it is showing like
    <tr class="first" odd="">
    I think the white space is the problem.
    Please provide any solution or hint.

    <tr class=<c:out value="first ${even_odd}"/>><tr class="first ${even_odd}">

  • Adding space at the end of a ritchEditableText  line

    Hi!
    I found an interesting behaviour in my application.  I have a RichEditableText component with a fixed width . If I add text till almost the end of the line and then  insert spaces, the cursor get's stuck at the end of the line. My surprise was on retreiving the text from that line in the code, where all that spaces existed even if they were not visible in the app. So on screen you see let's say 3 spaces, but then you save the text you can get 10. If you keep inserting any letter the cursor will move itself to the next line, but this does not seem to be the case of " "(space).
    I tested it useing the following code. I'm useing 4.1 sdk.
    <s:RichEditableText id="richTxt"  width="100" height="500" change="richTxt_changeHandler(event)" />
    protected function richTxt_changeHandler(event:TextOperationEvent):void
                    var noOfLines:int = richTxt.textFlow.flowComposer.numLines;             
                    for (var i:int = 0; i < noOfLines; i++)
                        var startIndex:int = richTxt.textFlow.flowComposer.getLineAt(i).absoluteStart;
                        var seqLength:int = richTxt.textFlow.flowComposer.getLineAt(i).textLength-1;
                        var textLine:String = richTxt.text.substr(startIndex, seqLength);
    I try to set clipAndEnableScrolling=true; for richTxt but this thid not change anything.
    How can I retrieve only the visible text( with the corect number of spaces at the end of the line) from the RET in order to save it ?
    Thanks !

    Do you want to handle that space or just use the text value?
    If you just want to use the text value (i.e 1word - space)...u simply say CONDENSE <UR TEXT VARIABLE>.
    Else the other option is: Find the string length and then handle it the way u want.
    Or if u r sure that every word has that extra space, and u dont want that u can even use SHIFT RIGHT BY 1 PLACE in thet text variable.
    Hope this helps.
    Thanks
    Kiran

  • XSL processor adding white space

    Hi,
    Is it possible to prevent the XSL processor from inserting
    white space as this can affect HTML table layout & other
    things.
    For example.
    XSL contains the following: (On one line)
    <td colspan="2" bgcolor="#000066"><img
    src="/images/global_spacer01.gif"/ width="1" height="1"/></td>
    is converted to (Three lines)
    <td colspan="2" bgcolor="#000066">
    <img rc="/images/global_spacer01.gif"/ width="1" height="1">
    </td>
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    null

    Dougall Squair (guest) wrote:
    : Hi,
    : Is it possible to prevent the XSL processor from inserting
    : white space as this can affect HTML table layout & other
    : things.
    : For example.
    : XSL contains the following: (On one line)
    : <td colspan="2" bgcolor="#000066"><img
    : src="/images/global_spacer01.gif"/ width="1" height="1"/></td>
    : is converted to (Three lines)
    : <td colspan="2" bgcolor="#000066">
    : <img rc="/images/global_spacer01.gif"/ width="1"
    height="1">
    : </td>
    : ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    null

  • IE 11 white space problem

    I created  a page with dreamweaver. It renders as intended in firefox but shows unwanted white space in ie 11.
    How do I fix this?
    Here is the page in firefox:
    Here is ie 11 page:
    Please respond to [email protected]
    Here is my code:
    <!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>Untitled Document</title>
    <style type="text/css">
    <!--
    body {
    font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
    background: #4E5869;
    margin: 0;
    padding: 0;
    color: #000;
    /* ~~ Element/tag selectors ~~ */
    ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
    padding: 0;
    margin: 0;
    h1, h2, h3, h4, h5, h6, p {
    margin-top: 0;  /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
    padding-right: 15px;
    padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
    font-size: x-small;
    color: #FFF;
    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;
    color: #FFFFFF;
    /* ~~ 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%. */
    height: 80%;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    .container .footer #fMisc div p {
    font-family: Verdana, Geneva, sans-serif;
    font-size: x-small;
    color: #FFF;
    /* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
    .header {
    background: #6F7D94;
    /* ~~ These are the columns for the layout. ~~
    1) Padding is only placed on the top and/or bottom of the divs. The elements within these divs have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
    2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a div set to float right). Many times, padding can be used instead. For divs where this rule must be broken, you should add a "display:inline" declaration to the div's rule to tame a bug where some versions of Internet Explorer double the margin.
    3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar divs could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.
    4) If you prefer your nav on the left instead of the right, simply float these columns the opposite direction (all left instead of all right) and they'll render in reverse order. There's no need to move the divs around in the HTML source.
    .sidebar1 {
    float: right;
    width: 20%;
    padding-bottom: 64px;
    height: 100%;
    font-family: "Comic Sans MS", cursive;
    font-weight: bolder;
    font-size: x-large;
    border-top-width: 0%;
    border-right-width: 0%;
    border-bottom-width: 0%;
    border-left-width: 0%;
    background-color: #93A5C4;
    background-repeat: repeat;
    margin: 0px;
    overflow: hidden;
    .content {
    width: 80%;
    float: right;
    background-image: url(back1.gif);
    background-repeat: repeat;
    background-color: #CCC;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    height: 100%;
    overflow: hidden;
    /* ~~ This grouped selector gives the lists in the .content area space ~~ */
    .content ul, .content ol {
    padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
    /* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
    ul.nav {
    list-style: none; /* this removes the list marker */
    border-top: 1px solid #666; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
    margin-bottom: 15px; /* this creates the space between the navigation on the content below */
    ul.nav li {
    border-bottom: 1px solid #666; /* this creates the button separation */
    ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
    padding: 5px 5px 5px 15px;
    display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
    text-decoration: none;
    background: #8090AB;
    color: #000;
    ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
    background: #6F7D94;
    color: #FFF;
    /* ~~ The footer ~~ */
    .footer {
    background: #6F7D94;
    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 */
    font-size: xx-small;
    color: #000;
    margin: 0px;
    padding-top: 10px;
    padding-right: 0;
    padding-bottom: 10px;
    padding-left: 0;
    /* ~~ 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;
    a {
    color: #FFF;
    .container .footer #fMisc div p a {
    color: #FFF;
    .container .footer div p {
    font-family: Verdana, Geneva, sans-serif;
    font-size: x-small;
    color: #FFF;
    .container .footer div p a {
    color: #FFF;
    p {
    font-size: xx-large;
    p {
    color: #000;
    font-size: x-large;
    .container .footer #fMisc div {
    font-size: x-small;
    .container .footer #fMisc div {
    color: #FFF;
    .container .content h1 {
    font-family: Verdana, Geneva, sans-serif;
    font-size: x-large;
    font-weight: bold;
    color: #000;
    -->
    </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]-->
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div class="container">
      <div class="header">
      <img src="Pictures/logo.gif" alt="Logo" name="Insert_logo" width="81" height="63" id="Insert_logo" style="background: #8090AB; display:block;" />
    <!-- end .header --></div>
      <div class="sidebar1">
       <img src="Pictures/back1.jpg" width="72" height="72" /><p> Cliff is an all breed AKC Registered Professional Dog Handler</p>
    <p><img src="Pictures/back1.jpg" width="72" height="72" /></p>
    <p><img src="Pictures/back1.jpg" width="72" height="72" /></p>
    <!-- end .sidebar --></div>
      <div class="content">
       <ul id="MenuBar1" class="MenuBarHorizontal">
         <li><a href="#">Home</a>      </li>
         <li><a href="#" class="MenuBarItemSubmenu">Kennel</a>
           <ul>
             <li><a href="#">Our Facility</a></li>
             <li><a href="#">Rates</a></li>
             <li><a href="#">Pictures</a></li>
           </ul>
         </li>
         <li><a class="MenuBarItemSubmenu" href="#">Show Handling</a>
           <ul>
             <li><a href="#">Info</a></li>
             <li><a href="#">Rates</a></li>
             <li><a href="Schedulefile:///S:/Homepage/calendar.html">Schedule</a></li>
    </ul>
         </li>
         <li><a href="#">Photo Gallery</a></li>
         <li><a href="#">About Me</a></li>
         <li><a href="#">Contact Me</a></li>
       </ul>
       <br />
        <h1 style="margin: 10px; clear: both; text-align:center; font-size: xx-large; font-family: Georgia, 'Times New Roman', Times, serif;">Clifford W. Steele </h1>
       <div style="text-align:center; font-size: xx-large;"> <img src="Pictures/Harley Champion001.jpg" alt="Harley Champion" width="530" height="423" border="0" /></div>
      <!-- end .content --></div>
      <div class="footer">
          <div style="float:right">
            <p> <a href="MAILTO:[email protected]" >Site Designed by Fredric M. Zipser</a><br />
           </p>
        </div>
        <div>
            <p>Clifford W. Steele  Professional Handler <br />
              1395 Rt. 6<br />
              Carmel, NY  10512-1627<br />
              United States<br />
              ph:(845) 225-2463<br />
              Cell:(845) 661-0010<br />
            <a href="MAILTO:[email protected]" >[email protected]</a></p>
        </div>
      <!-- end .footer --></div>
    <!-- end .container --></div>
    </script>
    <script type="text/javascript">
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    </script>
    </body>
    </html>

    Give <div class="container"> the same blue background color as your right side bar.
    You'll notice in IE some of the spacing for the rest of your page is slightly larger than in Firefox (browsers do that a lot if you aren't very, very specific about sizes). Because of that, your side bar isn't long enough to fill in the space on that side and the background color of the "container" <div> shows through.

  • Bottom White Space

    On my website you can see that there is white space at the bottom but it ends just short of the true bottom, is there anyway I can make this so white continues down all the way?
    <!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>
    <link rel="stylesheet" href="layout.css" ... />
    <meta name="google-site-verification" content="_Plh0Sn97-RFeQaAZFoZgv8tZ9Ap9FhMbNGy3eq3CeM" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Home</title>
    <style type="text/css">
    <!--
    body {
        font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
        background: #4E5869;
        margin: 0;
        padding: 0;
        color: #000;
        background-image: url(Pictures/1276207208635.jpg);
    /* ~~ Element/tag selectors ~~ */
    ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
        padding: 0;
        margin: 0;
    h1, h2, h3, h4, h5, h6, p {
        margin-top: 0;     /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
        padding-right: 15px;
        padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
        font-size: xx-large;
    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:#09F;
        text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
    a:visited {
        color: #06F;
        text-decoration: none;
    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;
        margin: 0 auto; /* 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%. */
        overflow: hidden; /* this declaration makes the .container clear all floated columns within it. */
    /* ~~ 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%;
        background: #93A5C4;
        padding-bottom: 10px;
    .content {
        padding: 10px 0;
        width: 60%;
        float: left;
    .sidebar2 {
        float: left;
        width: 20%;
        background: #93A5C4;
        padding: 10px 0;
    /* ~~ This grouped selector gives the lists in the .content area space ~~ */
    .content ul, .content ol {
        padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
    /* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
    ul.nav {
        list-style: none; /* this removes the list marker */
        border-top: 1px solid #666; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
        margin-bottom: 15px; /* this creates the space between the navigation on the content below */
        color: #FFF;
    ul.nav li {
        border-bottom: 1px solid #666; /* this creates the button separation */
    ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
        padding: 5px 5px 5px 15px;
        display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
        text-decoration: none;
        background: #8090AB;
        color: #000;
    ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
        background: #6F7D94;
        color: #FFF;
    /* ~~ 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 overflow:hidden on the .container is removed */
        clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    .container .content h1 {
        font-family: OCR A Extended;
    body,td,th {
        color: #000;
    -->
    </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]-->
    <!--Analystics-->
    <script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-19878287-1']);
      _gaq.push(['_trackPageview']);
      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    </script>
    <!--Iphone Redirect-->
    <script type="text/javascript" src="http://widgets.amung.us/tab.js"></script><script type="text/javascript">WAU_tab('tnvkzuebf877', 'right-upper')</script>
    <script type="text/javascript" src="http://hunterthornsberry.com/mobilejs.js"> if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {
         if (document.cookie.indexOf("iphone_redirect=false") == -1) window.location = "http://hunterthornsberry.com/mobile.html";
    </script>
    </head>
    <body>
    <div class="wrapper">
    <div class="container" align="left">
      <div class="sidebar1">
        <ul class="nav">
          <li><img src="../../Pictures/TDLLOGO.png" width="172" height="129" /></li>     
          <li><a href="index.html">Home</a></li>      <li><a href="About.html">About Me</a></li>
          <li><a href="Blog.html">Personal Blog</a></li>
          <li><a href="tech.html">Tech Stuff</a></li>
          <li><a href="Projects.html">Projects</a></li>
          <li><a href="design.html">Design/Art</a></li>
          <li><a href="Contact.html">Contact</a></li>
        </ul>
        <p> <center><script type="text/javascript"><!--
    google_ad_client = "pub-9636713487359174";
    /* HunterThornsberry */
    google_ad_slot = "9954026781";
    google_ad_width = 160;
    google_ad_height = 600;
    //-->
    </script>
    <script type="text/javascript"
    src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
    </script></center></p>
      <!-- end .sidebar1 --></div>
      <div class="content">
        <center><h1>Home</h1>
          <p><strong><em>UNDER CONSTRUCTION</em></strong></p>
          <p>
            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="550" height="400" id="FlashID" title="This is my life">
              <param name="movie" value="../../Intro.swf" />
              <param name="quality" value="high" />
              <param name="wmode" value="opaque" />
              <param name="swfversion" value="6.0.65.0" />
              <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
              <param name="expressinstall" value="../../Scripts/expressInstall.swf" />
              <param name="LOOP" value="false" />
              <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
              <!--[if !IE]>-->
              <object type="application/x-shockwave-flash" data="../../Intro.swf" width="550" height="400">
                <!--<![endif]-->
                <param name="quality" value="high" />
                <param name="wmode" value="opaque" />
                <param name="swfversion" value="6.0.65.0" />
                <param name="expressinstall" value="../../Scripts/expressInstall.swf" />
                <param name="LOOP" value="false" />
                <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
                <div>
                  <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
                  <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
                </div>
                <!--[if !IE]>-->
              </object>
              <!--<![endif]-->
            </object>
          </p>
          <p> </p>
        </center>
      </div>
      <div class="sidebar2" align="right">
    <script type="text/javascript"><!--
    google_ad_client = "pub-9636713487359174";
    /* Sky */
    google_ad_slot = "5228573680";
    google_ad_width = 120;
    google_ad_height = 600;
    //-->
    </script>
    <script type="text/javascript"
    src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
    </script>
      <!-- end .container --></div>
    <script type="text/javascript">
    <!--
    swfobject.registerObject("FlashID");
    //-->
    </script>
    </div>
    <!--Footer-->
    <div class="push"></div>
    <div class="footer">
    <p><center>Copyright (c) 2008</p>
    </div>
    </body>
    </html>

    Well its the 'footer' <div> and the <div> before that which need some attention.
    Add the below to your css styles:
    .footer {
    width: 80%;
    margin: 0 auto;
    background-color: #fff;
    .footer p {
    margin: 0;
    padding: 0;
    Then remove the "push" <div> completely:
    <div class="push"></div>
    <div class="footer">
    <p><center>Copyright (c) 2008</p>
    </div>
    To just leave:
    <div class="footer">
    <p><center>Copyright (c) 2008</p>
    </div>

Maybe you are looking for

  • ITunes Install Error

    "This installation package could not be opened. Verify that the package exists and that you can access it, or contact the application vendor to verify that this is a valid Windows Installer package." is the error I receive when I doubleclick my itune

  • Can't get apps to load or update on iphone 4s.

    Can't get apps to load or update on iphone 4s.

  • Collection in MIDP

    Hello everyone, I have a problem in a code J2ME, which does not go, because I have test of used the collections (Listliked or Vector). Is what the collections are not portable by J2ME? thank you in advance for you answers. cordially.

  • Push default open with program to server users

    Hi All, We have just upgraded to 10.9 server in an effort to speed up file operations to our Synology NAS. Our users have to fill out some PDF forms and I need to force .pdf's to open with Adobe Reader. Using profile manager, I have tried to push cus

  • Garageband Wonky after Mountain Lion Install

    I just upgraded to OS X Mountain Lion from Snow Leopard and now Garageband '09 (5.1) is acting weird.  It will let me start a new project but after working with the software instruments for a bit, Garageband will no longer let me add effects.  The ef