White space in IWeb site

I've just created my first site very easily, but have an enormous amount of white space at the bottom. This amounts to 4 or 5 pages if printed. How do I get rid of it?! Any help would be very welcome. Thanks

Thanks for this. I've already reduced the footer to 0, but still have pages of white space. I did start with a blank page, rather than a pre-formatted one, so maybe this has something to do with it?

Similar Messages

  • Reduce White Space below Site Title and Above Site Content

    On a SharePoint Online site wiki home page, I'm in need of a Script Editor snippet that will reduce the amount of white space below the site title and the start of the body/content of the site.  (see attached image).  Thanks!

    Hi,
    According to your post, my understanding is that you want to reduce white space in the site title below.
    We can use CSS to achieve it, the following CSS style for your reference:
    <style>
    .ms-rte-layoutszone-inner{
    height:0px;
    </style>
    More information:
    Using F12 Developer Tools to Debug HTML and CSS
    http://msdn.microsoft.com/en-us/library/gg699337(v=vs.85).aspx
    Thanks,
    Dennis Guo
    TechNet Community Support
    Please remember to mark the replies as answers if they help and unmark them if they provide no help. If you have feedback for TechNet Subscriber Support, contact
    [email protected]
    Dennis Guo
    TechNet Community Support

  • White Space and Centering Help

    Hi All - I'm so sorry to ask this as I am sure it has been
    asked a million times just today... I just can't seem to find the
    answer! I have the books, I have googled it.... I'm stuck!
    (obviously I'm a beginner!)
    So my question is: How do I get my webpage to "center" or
    "expand" to the monitor, and how do I get rit of the white space
    around my site??? I've looked at the code.... I just can't seem to
    figure it out!! I have Dreamweaver 8... my website is
    here... please take a
    look... any help will be MUCH appreciated!
    Thank you!!

    quote:
    Well thanks for the kind words about my site! When I view it
    in a larger-than-normal screen my page is to the left and there is
    lots of white space to the right.... thought it made the site look
    unprofessional, as I don't see other sites like this... is it just
    that the other sites I see are written with a different type of
    script?
    I should think that they are produced for narrower screens.
    My screen resolution is 1280 X 800, and I find it quite typical --
    especially for a lap top. When I opened your sight I could not see
    all of the content and was compelled to scroll to the right or
    widen my viewing window for full visibility.
    quote:
    I’m completely self-taught and designed my site before
    getting my books…. Now I can’t even answer my own
    questions from my books! Ha!
    I am also self-taught, but have learned
    primarily from the software manuals that accompany my software,
    online tutorials, Google searches, and more recently this forum.
    If you want to design a webpage to fill a large screen, but
    still be very viewable for those with smaller screens, then you
    must make the content expandable. The dimensions of your content
    are all fixed.
    The suggestions that I have provided are an easy fix, but I
    fear those more knowledgeable than myself may tell you to start all
    over again -- well maybe not completely, as you have some very nice
    elements.
    Roddy
    CODE OF CONDUCT: My entries in this forum are provided free
    of any and all commercial gain related to webpage production. I
    will neither lure, conceal, nor defame in an effort to obtain
    commercial gain from those whom I assist. Moreover, my motoviation
    for participation in this forum is to exchange knowledge and
    experience in an open environment free of false pretension with
    regard commercial gain.
    WARNING: Let forum participants, especially junior members,
    beware of other forum participants that do not abide by this same
    principle of good conduct.

  • How do I remove the white space when importing a site from Flash?

    Okay, so I've dragged and dropped my created Flash site into Dreamweaver. One problem though, when I view it in a web browser (any web browser), it displays the site fine, however with a huge white space to the side of it. You'll see what I mean in this screenshot:
    What can I do then to remove that white space and make the site fill up the whole web browser? I've tried resizing it using a number of ways, but cannot seem to get it right.
    Thanks.

    function(){return A.apply(null,[this].concat($A(arguments)))}
    What can I do then to remove that white space and make the site fill up the whole web browser? I've tried resizing it using a number of ways, but cannot seem to get it right.
    You can do two things:
    1) Change the width of the container to 100%;  OR
    2) Post a link to your test page here (not the code nor picture) so that we can see ourselves what your code looks like.
    hth

  • On iPod & iPad, site with scrolling is flush left, white space on right & nav bar disabled

    I am having an issue with a site I am creating.
    I noticed the site displays differently on iPod. When the site address begins with nothing (no http://) - it displays OK. (Although I am trying to make it more centered).
    But when the site address begins with http:// - it displays far left - cutting off the text on left. And it shows a wide amount of white space on the right.
    I am using Safari on the iPod.
    How can I correct this? How will my site look when it loads to the final web host?
    You can see the two versions here:
    With http:               http://jeannordstrom-landscape.businesscatalyst.com
    Without http:          jeannordstrom-landscape.businesscatalyst.com
    Must be typed exactly like this in address on iPod.
    It has scrolling effects. I want to create one site that can be viewed on all sizes. I know it won't pinch to zoom on small devices. It displays OK on a computer and iPad using Safari, Firefox and Chrome.
    Any comments welcome. This is driving me crazy.
    Message was edited by: scvdesigns
    This further defines the problem: What I found on iPad & iPod, was that the site initially loads fine using the link:  jeannordstrom-landscape.businesscatalyst.com. However, if I use the nav bar to navigate to another section, like contacts. Then after I am there, I press the reload page icon on the browser, I get a hiccup. The nav bar then will not take me back up or anywhere. It becomes disabled. And the page appears flush left with text cut off. And there's white space on the right. Does anyone know what the problem could be?

    See if either of the two options that I've suggested in your other thread would work for you.

  • I have 25 gigs of space in iCloud. I used to publish my iWeb sites to MobileMe. Is there a way to now publish this iWeb sites to iCloud?

    I have 25 gigs of space in iCloud. I used to publish my iWeb sites to MobileMe. Is there a way to now publish this iWeb sites to iCloud?

    Welcome to the Apple Support Communities
    Apple didn't include web storage on iCloud. There are other web hostings (Blogspot, GoDaddy, etc.)

  • I want my guest map on to be centered in iWeb site.  What am I doing wrong?

    Hey gang,
    I spent yesterday working on my website http://www.ericseals.com
    and added a guest map, similar to what Rowan Cottage did.
    His site shows the whole world from Alaska to the left to China on the right.
    http://www.rowan-cottage.co.uk/Site/Guestmap.html
    On my site when the guestmap comes up it shows Europe, Asia and Africa not North and South America like I want it too.
    http://www.ericseals.com/The%20Seals%20Family/Our%20Guest%20Map.html
    Also I want to get rid of the white bar at the top like Rowan did. Any help and advice would be great
    While your looking at my guestmap if you could also pin where you are from. Thanks.
    Eric

    Great work on getting the map integrated...
    To get the map to display what you want by default, login to your guestmap account here...
    http://mapservices.org/myguestmap/
    Then adjust the values for "Map Center Longitude" and "Map Center Latitude" until you have it just right. What you can do is to have the Guestmap configuration page open to make adjustments and then have another window with your webpage open to view the changes. Just make an adjustment, then click over to your webpage and reload the page to see the effects of your adjustments.
    To get rid of the white space above, below, or around your map... just move your textbox in iWeb around so that the top edge is covered under the textbox where you have your instructions. You can also insert other textboxes and make the the same color as your page background to mask off undesirable areas.

  • Making IWeb sites look good.

    I've seen a lot of iWeb sites, and for the most part they're not bad, but generally they look really generic. From my graphic design point of view there are a few things that people can do to improve the "look"of their site.
    1. Delete the auotmatic navigation bar that iWeb creates when making new pages. This can be done under the page tab in the inspector. Anything can be turned into a hyperlink, so make your own buttons, instead of letting iWeb do it. This means graphics and any kind of text you want. Be creative.
    2.A. Typograghy please. Its a good rule of thumb to only use a few different fonts. Doing this throughout the website will add consistency to the overall design. iWeb allows for strict control over type (take advantage of this) text type (paragraph length type) looks best at a smaller sizes ie. 9-11 pt. Also increase the leading (the amount of space between lines of type). This will make the text easier to read.
    2.B. Choose your own fonts. Don't use iWeb's default fonts. Generally text size can be reduced as well. Type makes the page, so pay attention to it.
    Hope these tips help someone.
    Power Mac G5   Mac OS X (10.4.7)  
    Power Mac G5   Mac OS X (10.4.7)  

    Hello all,
    I would like to add to red.sea's comments. The reason : I have over 60 emails to reply on the topic of iWeb design from forum members.
    It's a hard question to answer when someone asks you ways to improve their sites ... without wanting to hurt their feelings. I have to consider the fact that because I do this comfortably for a living, design comes as natural to me as painting. But what I have always enjoyed in my life, is seeing someone try ... and ultimately enjoy what they can achieve. Imagination is surely one of the greatest virtues.
    Having said that, I would like to add a couple of points. This principally applies to people who wish to build a site entirely from scratch using a white blank page. But some of these methods will apply to template users.
    Before designing a site, sketch it out on paper. Each slip represents a new page. Mark out roughly the topics, the placement of pictures, the amount of text involved on the page. This will save you a lot of time - believe me.
    FONTS
    Refine what you have just done in (1) by selecting different fonts as red.sea mentioned. Choose fonts according to the theme of the site. E.g. Romantic wedding sites, use fonts like Zapfino, Mona Lisa Solid, Bodoni etc. - script as well as serif fonts. Modern sites - sans serif fonts seems to be the trend, and it has been for a number of years. Examples, Gill Sans, Optima. The default Helvetica isn't bad, but try using Light instead of Bold. Use large point size. I use Avenir and Nobel on my sites.
    N.B. The only area to leave as template default, is the blog - in case you want to use the Search feature.
    IMAGES
    Work your images to 100% of the size you intend to use in iWeb. Resizing will blur the images. This has been mentioned many times over, so I won't touch on this further. 72dpi images work fine with me and if you must, tweak your colours before dragging them to iWeb - if you are using Photoshop, for instance. Unsharp mask can help sharpen your pictures. I use NIK filters.
    COLOUR (I was raised in England, so I spell with a 'U')
    Theme colour is important. Many folks feel that white is boring. That really depends on how you use it and design normally plays a part in this. Should you choose to use colours, there are millions to use on the palette. Avoid strong primary colours unless you have a good design-sense. As mentioned, check the mood, the topic, the theme. If you have black and white photos, use black, grey or white as background. Light (often pastel) colours work well with B&Ws too. This can be a very in depth discussion, but I think you get my drift. Lastly, try and maintain a flowing look/theme to your site. It's very pleasant to browse through sites like these.
    TEXT
    Placing of text is by far the biggest issue for most iWebbers. Some sites have the right colours but is ruined with text running everywhere. One site had long sentences and paragraphs (11pt font size) stretching 600px from left to right which went on forever. It's an eye sore and nobody is going to read it, especially folks above 40 something. Make columns instead. The guides work beautifully on iWeb, just like in Keynote. Make sure under preferences > Alignment Guides, both are checked. Keep these columns tidy and aligned to something on your page - a photo, your headline - something the body copy can have affliation to. Play with the leading (space in between the text).
    There are other things I would like to add ... maybe later.
    I hope this helps rather than offend. Over the last couple of weeks, I have met and corresponded with many members from this forum. It's been a delight. I thank you for trying.
    Joe
    http://web.mac.com/joeleong

  • White space at bottom of Safari window

    I need a little help with a very odd problem.
    When I load websites that I have created with iWeb '09 using Safari on my Mac, I sometimes get a portion of the page (always near the bottom of the page) that displays as white, and not the color of the browser background color that I have published. However, if I click anywhere on my desktop (i.e., the Finder) while the Safari window is open, then the white space is instantly changed to the correct color.
    I am running the latest versions of all Apple software, and I have run both disk repair and permissions repair on my hard drive. I have also reset the PRAM on my Mac Pro.
    This is both annoying and puzzling. Does anyone have any suggestions? I am running Snow Leopard 10.6.2 and iWeb '09.
    Thanks,
    -AstraPoint
    (note: we also posted this problem on the iWeb '09 forum pages)

    My tutorial (http://toadstutorials.info) and demo sites (Old Toad's Demo Sites) are crated with no page background and a tiled image for the browser background so haven't had the situation you've have. But some of the demo pages had a lot of stuff on it and does load slowly at times with no issue regarding background.
    Give it a try.

  • How to remove the white space that is now above the main images on each page?

    http://www.nydogworks.net
    Hello,
    I took over updating some things on my site from my web designer. The main images on each page used to be flush with the navigation bar on each page. Now there is a white space in between each one. Can you tell me how to remove the white space?
    <div id="container">
    <div id="imgholder"><img src="images/feature-aboutus.jpg" width="951" height="341" alt="" />
    </div>
    <div id="pageContentNoside">
       <div id="sideSub">
         <form action="form.php" method="post" name="form2" id="form2"> <table width="250" border="0" cellpadding="2" cellspacing="2">
           <tr>
             <td width="273"><h2>Quick Contact</h2></td>
             </tr>
           <tr>
             <td class="mainContent">Your Name</td>
             </tr>
           <tr>
             <td><span class="style9">
               <input name="forname" type="text" class="colorfieldssmall" id="forname" size="20" />
               </span></td>
             </tr>
           <tr>
             <td class="mainContent">Your Email Address* (required)</td>
             </tr>
           <tr>
             <td><span class="style7 style9">
               <input name="admail" type="text" class="colorfieldssmall" id="admail" size="25" />
               </span></td>
             </tr>
           <tr>
             <td class="mainContent">Phone Number</td>
             </tr>
           <tr>
             <td><span class="style7 style9">
               <input name="phone" type="text" class="colorfieldssmall" id="phone" />
               </span></td>
             </tr>
           <tr>
             <td><span class="mainContent">Type of Dog Training</span></td>
             </tr>
           <tr>
             <td class="mainContent"><span class="style9">
               <select name="need" class="colorfieldssmall" id="need">
                 <option value="select one">select one</option>
                 <option value="Basic Obedience">Basic Obedience</option>
                 <option value="Behavior Therapy">Behavior Therapy</option>
                 <option value="Board and Train">Board and Train</option>
                 <option value="Off Leash Training">Off Leash Training</option>
                 <option value="Puppy Training">Puppy Training</option>
                 </select>
               </span></td>
             </tr>
           <tr>
             <td> </td>
             </tr>
           <tr>
             <td><div align="left">
               <input type="submit" name="submit" id="submit"  value="Submit" />
               </div>
               </td>
             </tr>
           </table></form>
         <h2><br />
           Dog Training Services<br />
           </h2>
         <ul id="subnav">
           <li><a href="basic-obedience.html">Basic Obedience</a></li>
           <li><a href="dog-behavior-therapy.html">Behavior Therapy</a></li>
           <li><a href="board-and-train-dog-program.html">Board & Train Program</a></li>
           <li><a href="off-leash-training.html">Off Leash Training</a></li>
           <li><a href="puppy-training-program.html">Puppy Training</a></li>
           </ul>
         <br />
         <br />
         <br />
         </div>
      <div id="suggestPost"><a href="https://www.facebook.com/pages/NYDogWorks/219268038151244?fref=ts" ></a></div>
       <div id="mainContent">
         <h1 class="copyrightType">About NY DogWorks</h1><br />
         <h2> <span class="testimonal">The Owner of NYDogWorks</span>      </h2>
         <p><span class="copyrightType"><img src="images/dogpic.jpg" alt="Dog Behavior Therapy" width="183" height="275" class="h_img_float_right" /></span><strong>NYDogWorks L.L.C. is owned and operated by Master Certified Dog Trainer and Behavior Specialist Brian DeMartino. </strong><br />
           <br />
           His training is hands down the best out there. He has become one of the most sought after dog trainers throughout Long Island, Manhattan, &amp; New York.<br />
           <br />
           With over 15 years experience training and rehabilitating some of the toughest cases of dog behaviors. He’s Mastered the Art of teaching top knotch obedience and manners with outstanding results and has developed the most full proof and guaranteed system to fully housebreak any puppy or dog in the shortest amount of time.<br />
           <br />
           He is Certified in dog training and dog behavior and is an Official Evaluator for the American Kennel Club’s (C.G.C) Program.<br />
           <br />
           <br />
           <strong>All About NYDogWorks</strong><br />
           </p>
      <p><br />
      </p>
         <p>NYDogWorks Dog Education, is a Professional Dog Training Company offering dog training for puppies and older dogs through customized in-home training programs by Master Certified Trainers in Nassau County, Suffolk County, Hamptons, Long Island, Manhattan, Brooklyn, Bronx, Queens, Rockland County, Westchester County, Orange County, and Bergen County New Jersey. NYDogWorks offers obedience training, Housebreaking, Manners, socialization for your dog,  Puppy Training and Education, Behavior Therapy, Trick Training, Agility, Complete Off Leash Training, Sport Work, and Personal Protection Training. <br />
           <br />
           <strong><br />
             NYDogWorks Boarding &amp; Training Programs</strong><br />
           </p>
      <p><br />
        We offer boarding and training programs done in the home of owner, Brian DeMartino. This is a customized 2-6 week program to suit your dog's needs, great for someone who feels they do not have the time or patience to train or rehabilitate their dog at their home. This is a 100% guaranteed program. Your dog will stay with us for no additional charge if we feel that he or she has not learned all that was agreed upon. We guarantee that if there is any regression within 3 months of your dog being back home with you, he/she will come back to us for no additional charge.<br />
        <br />
        <a href="board-and-train-dog-program.html">View Boarding &amp; Training Programs</a></p>
         <p><br />
           </p>
         <p><br />
           <br />
      </div>
       <div id="breadCrumbs">
         <p><a href="index.html">Home</a> &gt;  NY DogWorks - About Certified Dog Trainer Brian DeMartino<br />
           <strong>Serving all of Long Island, Nassau &amp; Suffolk County, Manhattan, Brooklyn &amp; Queens</strong></p>
         </div>
    </div>
        <div id="footer">
          <div id="footermenu">
          <div id="footermenu1">
          </div>
        </div>
       <div class="phoneNumber" id="copyright"> Copyright © 2014  NY DogWorks</div>
         <div class="websiteDesign" id="sitedesigner">Long Island Website Design by <a href="http://www.wetribet.com" title="Wet Ribet" target="_blank" class="medlink">Wet Ribet</a>     </div>
    </div>
    </div>

    You should be able to add the following snippets of css to your stylesheet to fix that.
    In the mainstyle.css file, change...
    #imgholder {
    width: 950px;
    margin-top: 0px;
    padding: 0px;
    margin-right: auto;
    margin-left: auto;
    to
    #imgholder {
    width: 950px;
    margin-top: 0px;
    padding: 0px;
    margin-right: auto;
    margin-left: auto;
    overflow:hidden;

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

  • Is it possible to make an iWeb site accessible to mobile phones? (in Japan)

    Is it possible to make an iWeb site accessible to mobile phones? (I'm in Japan)
    I've tried making a tiny site but my own phone (au A5516T by Toshiba) can't display it.
    The URL is accepted but displays just a white blank screen.
    I can't see anything about it in this iWeb forum or iWeb Help. Which I guess means that either it's impossible or that it's so elementary I shouldn't have to ask!
    Is there some special code involved?
    Any hints much appreciated. Thanks.
    Simon

    Try these articles: Put Your Content in My Pocket -- "While these articles are specifically targeted at the iPhone, many of the ideas and concepts I’m presenting can be useful and effective with other mobile devices."...
    http://alistapart.com/articles/putyourcontentinmypocket
    http://www.alistapart.com/articles/putyourcontentinmypocketpart2/
    By the way, you can read that "Apple Meets With DoCoMo, Softbank On Launching iPhone in Japan" here:

  • Can't get rid of white space

    Hi, I'm new to dreamweaver, searched around but couldn't find a solution. Here is the site I can't get rid of that white space above the footer. It's a clearfloat I think. I've tried a whole bunch of things, but nothing works, it's not so much that I want to get rid of it, cause as I understand it's usefull, just want the footer and maincontent to line up. Thanks for any help.

    Sorry.  I didn't see your site link.  Tired eyes can't see today.
    Try changing your #container division's background from white to dark.
    twoColHybRtHdr #container {
         width: 100%; 
         background: #000;
    Also, just so you know, empty paragraph tags are not a reliable layout device. Consider using min-height property.
    http://www.w3schools.com/CSS/pr_dim_min-height.asp
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    www.alt-web.com/
    www.twitter.com/altweb

  • Deleting an iWeb site with movies

    I have been using my iWeb site while abroad to send small movie clips etc home to the family, now I am home, I want to delete that content and start a new website altogether.
    If I delete the local copies of the files does it update the site too? and where can I find the movies as I want to keep them but not on the site.
    Thanks all
    Geoff

    When you initially put the movies into iWeb how did you do this? Did you create the movie page directly from iMovie or did you drag and drop the videos into iWeb?
    When you use a movie in iWeb, iWeb places a copy of the movie in your Domain file. If you drag and drop from your "movies" folder into iWeb, that original file stays right in the movies folder. So, if you were bringing your media from other places (even if you use the Media inspector) into iWeb, deleting that content does NOT delete your originals.
    If you deleted it after copying it to save space, now you've only got one copy IN your Domain file. In that case, you could control-click on your Domain file, choose "Show Package Contents" and then copy out the movie files before you delete the content in iWeb.
    If you're not sure if you want to completely erase everything you've done, you can always save off your Domain file for future use. Once you've got it filed away, you can create a whole new site in iWeb knowing that anything that you forgot to make a copy of, you still have available.

Maybe you are looking for

  • Gnome Black Screen with Mouse Cursor after Login

    I am using Archlinux 64bit with a Gnome Desktop Environment. Everything was running normally uptill today. When i ran "sudo fc-cache", my system froze. I couldnt open any other app but i was able to access terminal. I restarted using "reboot" command

  • How do i deactivate an ipod touch from my iTunes

    I know this should seem simple, but some how I am missing something.  I have tried searching and can't find anything on deactivating a device. I just need to deactivate an old iPod touch from my iTunes account that I am selling on Craigslist. Help?

  • N95-1 V21.0.016 HIDE APPLICATION ICON AFTER INSTAL...

    I used Sandisk 4GB SDHC card with my N95-1 V21.0.016, currently had all my mp3, MV,internet links, photos, wallpapers, software, & games all installed in this 4GB card except "Yahoo Go" in phone memory (as advised by Yahoo), my 4GB card available mem

  • Problems with the packager using J2sdk 1.4.2

    Hi all, when I try to use the packager, I always get this message: C:\proc\cas\classes>packager cas.jar CasFrame Usage: java [-options] class [args...] (to execute a class) or java [-options] -jar jarfile [args...] (to execute a jar file) where optio

  • How do I turn a photo into a pencil sketch using Photoshop Elements 12?

    How do I turn a photo into a pencil sketch using photoshop elements 12?