Article 19363100 0500  blocked

Dear Friends,
There is a problem with Article (Material) when user is creating a vendor invoice.
At the time of invoice user getting the below error message.
"Article 19363100 0500  blocked" Message no. M8573
But I have checked the Article master which is in active status and no user blocked this article.
Could any one let me know what could be the reason of this message?
Many thanks in advance.

Hi Johan,
It was a difficult problem. It seems that the articles were continue blocked for example some program is scanning continue for article data or changing data.
the matchingprogramm RMBABG00 can overule this block.
I have changed the status of the invoice header to matching in the background and after that I ran the matching programm (RMBABG00).
The invoice is booked en the workflow is ended.
Regards,
Abdul Mazid

Similar Messages

  • H&R Block's ad keeps coming up with no prompts. When I open a news article H&R Block ad pops up. When I click to see my emails H&R Block ad comes up.

    I have to shut that window down and go back ar re-open the page I wanted to see. There is no way I can see to get them off of my pages. I don't know about anybody else but I will never, never use H&R Block in the future!!! Can anybody help me with how to stop their stupid ad?

    Hi there,
    You might find an adblocking addon such as "Adblock Plus" useful to get rid of those annoying ads.
    You can find the details here: http://adblockplus.org/en/
    Note: You'll need to restart Firefox after installing Adblock Plus.

  • Article getting blocked.

    Hi,
    I am doing a tranfer posting using FM BAPI_GOODSMVT_CREATE and then I am trying to update the outbound delivery quantity using the picked quantity and picked date.
    I am getting an error "Article is blocked" while updating the outbound delivery.
    Please help me to undersatnd why I am getting the error and how to remove it.
    Help needed urgently.
    Thanks,
    Sandeep.

    Hi Johan,
    It was a difficult problem. It seems that the articles were continue blocked for example some program is scanning continue for article data or changing data.
    the matchingprogramm RMBABG00 can overule this block.
    I have changed the status of the invoice header to matching in the background and after that I ran the matching programm (RMBABG00).
    The invoice is booked en the workflow is ended.
    Regards,
    Abdul Mazid

  • Transaction for active article list -sitewise-urgent

    Transaction for active article list -sitewise plz

    Hello,
    You can get site-wise list of articles using transaction MM60. But this shows all the articles - active and blocked.
    In order to filter blocked articles, you may create an SQVI query between MARA and MARC tables. In the query, include MARA-MSTAE  and MARC-MMSTA in the selection screen. They should be set to blank while executing the query to get active articles.
    Thanks,
    Venu

  • Article Deletion in SAP Retail

    What is the process for deleting an article and then archiving the article in SAP Retail ECC6.0?  So far what I have is to:
    1.  Go to MM46 and find layouts for article
    2.  Go to WLWBN and Delete Assignments
    3.  Go to Assortment in WSP6 and delist from DC and stores.
    4.  Stop replenishment and procurement using MM42 go to Logistics -- General Control Param -- Article Status -- status block article
    5.  Go to ME15 and Mark Info Recs for deletion
    6.  WRF_DIS_SEL - Put in Article and then click "Client_Wide Article Discontinuation" to get green button.  Select All - discontinue
    I need to know what is wrong with the above process, or what do I need to add to the above process?  The issue is that we will go into SARA and try to delete the article and the process ends up not being able to see the article for deletion.  We have no activity against the article and no inventory for that article.  So there must be something I am missing here.

    Probably a bit too late, but check this information:
    Retail Material Delete Flag

  • Article MAP issue

    Dear Experts,
          Is there any configuration to disallow all transactions on an article for which MAP(Moving Average Price) is zero?
    Regards,
    Shanthi

    Hi,
    You can block article for which MAP(Moving Average Price) is zero.
    Create a blocking key for as ZA in t.code: OMS4 for Purchasing segment, Inventory segment and
    Sales segment and assign this blocking key ZA in article master in Basis data-1 and save.
    Now system will not allow you to create any transactions for that article which assigned
    blocking key ZA.
    Refer for more
    Articles: Blocking an Article - SAP Retail - SAP Library
    Regards,
    Biju K

  • Server 2003, Block IPods and IPads

    Good Morning,
    My network requires pretty high security and we have a policy that disables USB devices.  I have a custom GPO that blocks the usbstor.sys, which works for thumb drives and external hard drives.  But in some testing we learned you can access pictures
    on an Ipod/Ipad and it shows up as a camera.  Searching through the forums haven't given me very much success.  Any help would be appreciated.

    Hi,
    Did we follow the article below to block the USB storage devices?
    How can I prevent users from connecting to a USB storage device?
    http://support.microsoft.com/kb/823732
    In fact, if a USB storage device is already installed on the computer, we can change the registry to make sure that the device does not work when
    the user connects to the computer.
    Best regards,
    Frank Shen

  • Site Blocking with Schedule

    I would like to know of ways to block websites, and with schedules. As in, from 1PM to 3PM, they are unblocked but otherwise always block.
    Thank you for your attention.

    Hi Winfred Edern,
    Please try to use the Threat Management Gateway (TMG)  in
    Windows Forefront, you can set up a "Block Websites" rule and schedule this rule.
    For more detailed information of the setting, please refer to these articles:
    How to Block Websites in Threat Management Gateway (TMG) 2010
    Microsoft Forefront TMG - Best Practices Firewall policy rules
    I hope this helps.

  • Is there an app to block numbers

    ..?

    I had an android phone 2 years ago. And, the Google play store had some apps that you could use to block number but I do not think Apple has a app that blocks numbers. Just like @wjosten said I would just call your carrier. I was researching and I found a article talking about blocking numbers. To be able to block numbers without calling your carrier you have to jailbreak your iPhone, which I do not recommend.  http://www.pcadvisor.co.uk/how-to/mobile-phone/3442391/how-block-number-on-iphon e/
    Message was edited by: Viper546

  • WEBSITE PAGE NOT SHOWING UP IN IE9..ONLY THE BACKGROUND SHOWS UP..

    IN FIREFOX AND IE9, I'VE BEEN CREATING THIS SITE. HTML5. NOW, HERE I AM ALMOST DONE WITH THE SITE AND WHEN I DO THE MEDIA PAGE..... IT SEEMS TO ONLY SHOW THE BACKGROUND IN IE9..EVEN AFTER I DELETED IT.. THAT SPECIFIC PAGE (videos.html) IS ONLY DISPLAYING THE BACKGROUND. EACH PAGE I DO, I'VE TESTED THEM IN BOTH BROWSWERS..... KEEPING EVERYTHING THE SAME EXCEPT FOR THE CONTENT WITHIN THE ARTICLE....
    Here's the Code initially, I'm sure there are erros obviously so guys just help me and don't be rude, if you will. I appreciate it greatly.
    HERE'S WHAT IT LOOKS LIKE IN FIREFOX:
    HERE'S WHAT IT LOOKS LIKE IN IE9:
    HERE'S THE CODE:
    (IT'S NEAT IN DREAMWEAVER) BUT... I JUST COPIED AND PASTED IT ONTO HERE.
    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="UTF-8">
    <meta content="DahJ" name="author">
    <meta content="DahJ, Derek, Alton Hill, Dahari, financial freedom, Designer DahJ, Mogul DahJ, Dahari Fashions, university, ministries, Salem, Dahj University, chancellor, business, success, successful, North Las Vegas, Derek, , Coach, mentor, Philanthropist, Best-Selling Author, Author, life-coach, life, " name="keywords">
    <meta content="DAHJ videos, photos, and blog: Official Website" name="description">
    <title>Media - DAHJ videos, photos, and blog: Official Website</title>
    <style type="text/css">
    <!--
    body {
        margin: 0;
        padding: 0;
        color: #000;
        background:url(Images/websitebackgroundhomee.jpg) repeat scroll 0 0;
        font-family: David;
        font-size: 15px;
        height:100%;
    /* ~~ 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;
    h2, h4, h5, h6, p {
        margin-top: 0;
        padding-left: 15px; /* adding the padding to the sides of the elements within the blocks, instead of the block elements themselves, gets rid of any box model math. A nested block with side padding can also be used as an alternate method. */
        font-family: David;
    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: #42413C;
        text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
    a:visited {
        text-decoration: underline;
    a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
        text-decoration: none;
    /* ~~ This fixed width container surrounds all other blocks ~~ */
    .container {
        width: 960px;
        margin: 0 auto;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -moz-box-shadow: 0 5px 3px 3px #7d7f7e;
        -webkit-box-shadow: 0 5px 3px 5px #7d7f7e;
        box-shadow: 0 5px 3px 3px #999;
        background-image: url(Images/contentbckgrnds/videocontent.jpg);
    /* ~~ The header is not given a width. It will extend the full width of your layout. ~~ */
    header {
        height: 520px;
        width: 960px;
        background-position: center;
        background-color: #000;
    h1 {
        font-family:Century Gothic;
        padding-left:11px;
        font-weight:lighter;
    h1 a:hover {
        color:#09F;
    /* ~~ These are the columns for the layout. ~~
    1) Padding is only placed on the top and/or bottom of the block elements. The elements within these blocks 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 block 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 block element and place a second block element 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 block set to float right). Many times, padding can be used instead. For blocks where this rule must be broken, you should add a "display:inline" declaration to the block element'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 blocks 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 blocks around in the HTML source.
    .sidebar1 {
        float: right;
        width: 300px;
        background: #fff;
        padding-bottom: 10px;
    .content {
        padding: 0px 0;
        width: 960px;
        float: right;
        background-color: #FFF;
    /* ~~ 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 footer ~~ */
    footer {
        padding: 10px 0;
        position: relative;/* this gives IE6 hasLayout to properly clear */
        clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
        background-color: #CCC;
        background-image: url(Images/footer2.jpg);
    /*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
    header, section, footer, aside, nav, article, figure {
        display: block;
    aside {
    .homebutton{
        background: no-repeat scroll 0 0 transparent;
        height:65px;
        left:-1.2em;
        position:relative;
        top:-3.4em;
        width:172px;
        z-index:20;
    h3 {
        font:"Palatino Linotype", "Book Antiqua", Palatino, serif;
        font-size:small;
        padding-left:15px;
    /*   THIS IS MY FOOTER'S FONT AND TEXT   */
    address {
        font-style:Century Gothic;
        color:#FFFFFF;
        text-decoration:none;
        text-align:center;
        font-style:normal;
    address a:link {
        color:#0CF;
    address a:link, a:hover {
        color:#33CC33;
    /*   THIS IS MY SOCIAL MEDIA LINKS, TITLES, AND COUNTS..... FACEBOOK, TWITTER, YOUTUBE   */
    #socialmedia {
        list-style:none outside  none;
        display:block;
        margin:15px 145px 0px;
        position:relative;
    .twitter {
        display:inline;
        margin-left:135px;
    .facebook {
        display:inline;
    .youtube {
        display:inline;
        margin-left:135px;
    #socialmediatitles {
        list-style:none outside none;
        display:block;
        margin:15px 190px 5px;
        position:relative;
        font-family:Century Gothic;
        font-size:22px;
        color:#ffffff;
        width:800px;
    .twitterfollowers {
        display:inline;
        margin-left:160px;
        color:#ffffff;
    .twitterfollowers a:link {
        color:#ffffff;
    .facebookfans a:link {
        color:#ffffff;
    .youtubesubs a:link {
        color:#ffffff;
    .facebookfans {
        color:#ffffff;
        display:inline;
    .youtubesubs {
        display:inline;
        margin-left:135px;
        color:#ffffff;
    #socialmedianumbers {
        list-style:none outside none;
        display:block;
        margin:15px 185px 5px;
        position:relative;
        font-family:Century Gothic;
        font-size:30px;
        color:#ffffff;
        width:800px;
    .twittercount {
        display:inline;
        margin-left:150px;
        color:#ffffff;
    .twittercount a:link {
        color:#ffffff;
    .facebookcount a:link {
        color:#ffffff;
    .youtubecount a:link {
        color:#ffffff;
    .facebookcount {
        color:#ffffff;
        display:inline;
    .youtubecount {
        display:inline;
        margin-left:135px;
        color:#ffffff;
    div#voverlay {
        background:#FFF;
        display:none;
        height:480px;
        padding:35px;
        width:640px;
    div#voverlay .close {{
        cursor:pointer;
        height:35px;
        position:absolute;
        right:5px;
        top:5px;
        width:35px;
        background:#999;
    div#vcontainer {
        background: url("loading.gif") no-repeat scroll 50% 50% transparent;
        height:100%;
        left:0;
        top:0;
        width:100%;
    .videogallery {
        width:871px;
    .videogallery a {
        color:#333333;
        display:inline-block;
        font:12px/18px "Centurty Gothic";
        margin:3px;
        opacity:0.87;
        position:relative;
        text-align:center;
        text-decoration:none;
        veritcal-align: top;
        width:240px;
    .videogallery a img {
        border:medium none;
        display:block;
        margin:0;
    .videogallery span {
        display:block;
    .videogallery a.videolb {
        display:none;
    </style>
    <style media="screen,print,projection" type="text/css">
    #mediaxmedia{ height:823px; border:none;}
    </style>
    <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js">
    </script>
    <![endif]-->
    <link href="CSS/dropDown3.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="CSS/videolightbox.css" type="text/css" />
    <link rel="stylesheet" type="text/css" href="media_videolb/overlay-minimal.css"/>
    <script src="js/jquery.js" type="text/javascript"></script>
    <script src="js/swfobject.js" type="text/javascript"></script>
    </head>
    <body>
    <div class="container">
      <header></header>
      <!----START OF NAVIGATION MENU---->
    <div id="navMenu">
                        <ul>
                          <li></li>
                        </ul> <!-- end inner UL -->
                        <ul>
                          <li><a href="http://www.dahj.com/recent-activity">ACTIVITY</a></li>
                        </ul> <!-- end inner UL -->
                        <ul>
                          <li><a href="http://www.dahj.com/latest-news">NEWS</a></li>
                        </ul> <!-- end inner UL -->
                        <ul>
                          <li><a href="http://www.dahj.com/photogallery">MEDIA</a>
        </ul> <!-- end inner UL -->
                        <ul>
                          <li><a href="http://www.dahj.com/coaching">COACHING</a></li>
                        </ul> <!-- end main UL -->
                        <ul>
                          <li><a href="http://www.dahj.com/shop">SHOP</a></li>
                        </ul> <!-- end inner UL -->
                        <ul>
                          <li><a href="http://www.dahj.com/about">ABOUT</a></li>
                        </ul> <!-- end inner UL -->
                        <p><br class="ClearFloat" />
                        </p>
      </div>
      <!-- end navMenu -->
    <!--------START OF DAHJ HOME ICON------->
              <div class="homebutton">
                <a href="http://www.dahj.com"><img src="Images/websiteicons/bg_logo_new_0.png" width="172" height="61"></a>
            </div>
    <!-- END OF DAHJ HOME ICON BUTTON ------>
    <article class="content">
    <br>
    <!--------VIDEO CONTENT BEGINS HERE--------->
    <div id="voverlay">
        <a class="close"></a>
            <div id="vcontainer"></div>
    </div>
    <center>
    <!-- Start VideoLightBox.com BODY section -->
        <div class="videogallery">
            <a class="voverlay" href="http://vimeo.com/moogaloop.swf?clip_id=39862994&server=vimeo.com&show_title=1&show_byline= 1&autoplay=1" title="Hearing His Voice"><img src="Images/video thumbs/0.png" alt="Hearing His Voice" /><span></span></a>
            <a class="voverlay" href="http://vimeo.com/moogaloop.swf?clip_id=39862218&server=vimeo.com&show_title=1&show_byline= 1&autoplay=1" title="The Trust Fund from ManPower 2010"><img src="Images/video thumbs/1.png" alt="The Trust Fund from ManPower 2010" /><span></span></a>
            <a class="voverlay" href="http://vimeo.com/moogaloop.swf?clip_id=39861243&server=vimeo.com&show_title=1&show_byline= 1&autoplay=1" title="What He Put In You Then Will Work For You Now"><img src="Images/video thumbs/2.png" alt="What He Put In You Then Will Work For You Now" /><span></span></a>
            <a class="voverlay" href="http://vimeo.com/moogaloop.swf?clip_id=39031081&server=vimeo.com&show_title=1&show_byline= 1&autoplay=1" title="The Word 101 - Back to the Basics"><img src="Images/video thumbs/3.png" alt="The Word 101 - Back to the Basics" /><span></span></a>
            <a class="voverlay" href="http://vimeo.com/moogaloop.swf?clip_id=36932142&server=vimeo.com&show_title=1&show_byline= 1&autoplay=1" title="Tough Love - Pastor Sheryl Brady"><img src="Images/video thumbs/4.png" alt="Tough Love - Pastor Sheryl Brady" /><span></span></a>
            <a class="voverlay" href="http://vimeo.com/moogaloop.swf?clip_id=35261687&server=vimeo.com&show_title=1&show_byline= 1&autoplay=1" title="Just Calm Down - Pastor Sheryl Brady"><img src="Images/video thumbs/5.png" alt="Just Calm Down - Pastor Sheryl Brady" /><span></span></a>
            <a class="voverlay" href="http://vimeo.com/moogaloop.swf?clip_id=28674599&server=vimeo.com&show_title=1&show_byline= 1&autoplay=1" title="How to Seduce Proof Your Life"><img src="Images/video thumbs/6.png" alt="How to Seduce Proof Your Life" /><span></span></a>
            <a class="voverlay" href="http://vimeo.com/moogaloop.swf?clip_id=36249630&server=vimeo.com&show_title=1&show_byline= 1&autoplay=1" title="iHeart TPHND - Part 1"><img src="Images/video thumbs/7.png" alt="iHeart TPHND - Part 1" /><span></span></a>
            <a class="voverlay" href="http://vimeo.com/moogaloop.swf?clip_id=36666455&server=vimeo.com&show_title=1&show_byline= 1&autoplay=1" title="iHeart The Potter's House North Dallas - Part 2"><img src="Images/video thumbs/8.png" alt="iHeart The Potter's House North Dallas - Part 2" /><span></span></a>
            <a class="voverlay" href="http://vimeo.com/moogaloop.swf?clip_id=37080493&server=vimeo.com&show_title=1&show_byline= 1&autoplay=1" title="iHeart The Potter's House North Dallas - Part 3"><img src="Images/video thumbs/9.png" alt="iHeart The Potter's House North Dallas - Part 3" /><span></span></a>
            <a class="voverlay" href="http://vimeo.com/moogaloop.swf?clip_id=37535503&server=vimeo.com&show_title=1&show_byline= 1&autoplay=1" title="iHeart TPHND - Part 4"><img src="Images/video thumbs/10.png" alt="iHeart TPHND - Part 4" /><span></span></a>
            <a class="voverlay" href="http://vimeo.com/moogaloop.swf?clip_id=22007961&server=vimeo.com&show_title=1&show_byline= 1&autoplay=1" title="My grandson Jaden playing the drums"><img src="Images/video thumbs/11.png" alt="My grandson Jaden playing the drums" /><span></span></a>
    </div>
    <script src="js/jquery.tools.min.js" type="text/javascript"></script>
    <script src="js/videolightbox.js" type="text/javascript"></script>
    <!-- End VideoLightBox.com BODY section -->
    </center>
    <br>
    </article>
    <!----------------VIDEO CONTENT ENDS HERE------------------>
        <!-----------------NUMBERS BOTTOM ------------>
       <!-----------------END NUMBERS BOTTOM---------->
      <!-- end .content -->
      <footer>
      <br>
      <br>
      <!-----------START SOCIAL MEDIA ICONS---------->
    <div id="socialmedia">
        <div class="facebook">
            <a href="http://facebook.com/dahj"><img src="Images/websiteicons/icontexto-inside-facebook.png"></a>
        </div>
        <div class="twitter">
            <a href="http://twitter.com/officialdahj"><img src="Images/websiteicons/icontexto-inside-twitter.png"></a>
        </div>
        <div class="youtube">
            <a href="http://youtube.com/dahj"><img src="Images/websiteicons/icontexto-inside-youtube.png"></a>
        </div>
    </div>
    <!-------------END SOCIAL MEDIA ICONS------>
    <!-------------START OF SOCIAL MEDIA TITLES------------>
    <div id="socialmediatitles">
        <div class="facebookfans">
            <a href="http://facebook.com/dahj">FANS</a>
        </div>
        <div class="twitterfollowers">
            <a href="http://twitter.com/officialdahj">FOLLOWERS</a>
        </div>
        <div class="youtubesubs">
            <a href="http://youtube.com/dahj">SUBSCRIBERS</a>
        </div>
    </div>
    <!------------END OF SOCIAL MEDIA TITLES---------------->
        <address>
        <br>
        <br>
        ©2012 Copyright | <a href="http://dahj.com/privacy-policy">Privacy Policy/Your Privacy Rights</a> | <a href="http://dahj.com/terms-of-use">Terms of Use</a> | <a href="http://dahj.com/contact-information">Contact US</a> | <a href="http://dahj.com/feedback">Feedback</a>
        </address>
    </footer>
    <!-- end .container -->
    </div>
    </body>
    </html>

    I am not sure what's happening with IE9 (no live site) but I had real problems viewing your code in Live View - until I removed the HTML comment marked below. Basically your site was viewable in Design View but as soon a I hit Live view, it disappeared - much like IE9. See if removing the comment solves your issue.
    <style type="text/css">
    <!-- /*Remove this */
    body {
        margin: 0;
        padding: 0;
        color: #000;
        background:url(Images/websitebackgroundhomee.jpg) repeat scroll 0 0;
        font-family: David;
        font-size: 15px;
        height:100%;

  • Page gap in DW CS6 tutorial. Please help!

    I am getting this gap in my page and it started just after I added this <nav> bar. I have done this lesson several times starting from scratch and it still gives me this gap. I am not sure if the book is missing something or it's me. The book shows no gap in the examples. I would greatly appreciate any help. I am a little new to DW. I took HTML in high school about 16 years ago so I understand some code by hand. Thanks for your time.
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Untitled Document</title>
    <style type="text/css">
    <!--
    body {
    font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
    background-color: #FFF;
    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 block. 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 blocks, instead of the block elements themselves, gets rid of any box model math. A nested block with side padding can also be used as an alternate method. */
    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: #42413C;
    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: #6E6C64;
    text-decoration: underline;
    a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
    text-decoration: none;
    /* ~~ This fixed width container surrounds all other blocks ~~ */
    .container {
    width: 950px;
    background-color: #FFFFFF;
    margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
    border: 2px solid #060;
    /* ~~ The header is not given a width. It will extend the full width of your layout. ~~ */
    header {
    background-color: #090;
    background-image: url(Lessons/images/banner.jpg);
    background-repeat: no-repeat;
    height: 130px;
    /* ~~ These are the columns for the layout. ~~
    1) Padding is only placed on the top and/or bottom of the block elements. The elements within these blocks 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 block 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 block element and place a second block element 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 block set to float right). Many times, padding can be used instead. For blocks where this rule must be broken, you should add a "display:inline" declaration to the block element'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 blocks 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 blocks around in the HTML source.
    .sidebar1 {
    float: left;
    width: 180px;
    background-color: #EADCAE;
    padding-bottom: 10px;
    .content {
    padding: 10px 0;
    width: 770px;
    float: right;
    /* ~~ 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. */
    width: 160px;  /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
    text-decoration: none;
    background-color: #090;
    color: #FFC;
    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-color: #ADB96E;
    color: #FFF;
    /* ~~ The footer ~~ */
    footer {
    padding: 10px 0;
    background-color: #CCC49F;
    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 */
    /*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
    header, section, footer, aside, article, figure {
    display: block;
    #apDiv1 {
    position: absolute;
    width: 170px;
    height: 158px;
    z-index: 1;
    margin-top: 10px;
    margin-left: 30px;
    nav p {
    font-size: 90%;
    color: #FFC;
    text-align: right;
    font-weight: bold;
    background-color: #090;
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 5px;
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: #060;
    -->
    </style><!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]--></head>
    <body>
    <div class="container">
      <div id="apDiv1"><img src="Lessons/images/butterfly-ovr.png" width="170" height="158" alt="GreenStart Logo"></div>
      <header></header>
        <div class="sidebar1">
        <ul class="nav">
          <li><a href="#">Green News</a></li>
          <li><a href="#">Green Products</a></li>
          <li><a href="#">Green Events</a></li>
          <li><a href="#">Green Travel</a></li>
          <li><a href="#">Green Tips</a></li>
        </ul>
        <aside>
          <p> The above links demonstrate a basic navigational structure using an unordered list styled with CSS. Use this as a starting point and modify the properties to produce your own unique look. If you require flyout menus, create your own using a Spry menu, a menu widget from Adobe's Exchange or a variety of other javascript or CSS solutions.</p>
          <p>If you would like the navigation along the top, simply move the ul to the top of the page and recreate the styling.</p>
        </aside>
      <!-- end .sidebar1 --></div>
      <article class="content">
        <h1>Instructions</h1>
        <section>
         <h2>How to use this document</h2>
          <p>Be aware that the CSS for these layouts is heavily commented. If you do most of your work in Design view, have a peek at the code to get tips on working with the CSS for the fixed layouts. You can remove these comments before you launch your site. To learn more about the techniques used in these CSS Layouts, read this article at Adobe's Developer Center - <a href="http://www.adobe.com/go/adc_css_layouts.http://www.adobe.com/go/adc_css_layouts">http://www.adobe.com/go/adc_css_layouts</a>.</p>
        </section>
        <section>
          <h2>Clearing Method</h2>
          <p>Because all the columns are floated, this layout uses a clear:both declaration in the footer rule.  This clearing technique forces the .container to understand where the columns end in order to show any borders or background colors you place on the .container. If your design requires you to remove the footer from the .container, you'll need to use a different clearing method. The most reliable will be to add a &lt;br class=&quot;clearfloat&quot; /&gt; or &lt;div  class=&quot;clearfloat&quot;&gt;&lt;/div&gt; after your final floated column (but before the .container closes). This will have the same clearing effect. </p>
        </section>
        <section>
          <h2>Logo Replacement</h2>
          <p>An image placeholder was used in this layout in the header where you'll likely want to place  a logo. It is recommended that you remove the placeholder and replace it with your own linked logo. </p>
          <p> Be aware that if you use the Property inspector to navigate to your logo image using the SRC field (instead of removing and replacing the placeholder), you should remove the inline background and display properties. These inline styles are only used to make the logo placeholder show up in browsers for demonstration purposes. </p>
          <p>To remove the inline styles, make sure your CSS Styles panel is set to Current. Select the image, and in the Properties pane of the CSS Styles panel, right click and delete the display and background properties. (Of course, you can always go directly into the code and delete the inline styles from the image or placeholder there.)</p>
        </section>
        <section>
          <h2>Backgrounds</h2>
          <p>By nature, the background color on any block element will only show for the length of the content. This means if you're using a background color or border to create the look of a side column, it won't extend all the way to the footer but will stop when the content ends. If the .content block will always contain more content, you can place a border on the .content block to divide it from the column.</p>
        </section>
        <!-- end .content --></article>
      <footer>
        <p>This footer contains the declaration position:relative; to give Internet Explorer 6 hasLayout for the footer and cause it to clear correctly. If you're not required to support IE6, you may remove it.</p>
        <address>
          Address Content
        </address>
      </footer>
    <!-- end .container --></div>
    </body>
    </html>

    Sorry about that. I am not exactly sure where the problem is, but I know it takes place after I put the <nav> in (in the html portion). If I understand what I am learning, the CSS at the top will structure my html code so I would have thought the CSS tageting my nav would be the focus. Maybe it is a different section though.
    CSS part:
    nav p {
    font-size: 90%;
    color: #FFC;
    text-align: right;
    font-weight: bold;
    background-color: #090;
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 5px;
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: #060;
    HTML part: (bold italic is the part I added)
    <body>
    <div class="container">
      <div id="apDiv1"><img src="Lessons/images/butterfly-ovr.png" width="170" height="158" alt="GreenStart Logo"></div>
      <header></header>
      <nav>
        <p>Home | About Us | Contact Us</p>
      </nav>
      <div class="sidebar1">
        <ul class="nav">
          <li><a href="#">Green News</a></li>
          <li><a href="#">Green Products</a></li>
          <li><a href="#">Green Events</a></li>
          <li><a href="#">Green Travel</a></li>
          <li><a href="#">Green Tips</a></li>
        </ul>

  • How do I remove whitespace from a template header

    I am trying to work myself thru understanding html coding by using a dreamweaver template and creating a page for my company. I have used dreamweaver before CC, however I am trying to understand the new changes.
    I ran into a problem I am hoping to get help with.
    I tried swapping out a placeholder logo on the template with my own logo. I seem to have a bit of white space at the bottom of the logo when I see it in live view or a browser. How can I get rid of it. I tried combinations of 0 margins and changing padding, but it seems I'm just whistling in the dark. Here is the code:
    The CSS associated with this page is here:
    @charset "UTF-8"; body {   font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;   background-color: #42413C;   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 block. 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 blocks, instead of the block elements themselves, gets rid of any box model math. A nested block with side padding can also be used as an alternate method. */ } 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: #42413C;   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: #6E6C64;   text-decoration: underline; } a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */   text-decoration: none; } /* ~~ This fixed width container surrounds all other blocks ~~ */ .container {   width: 960px;   background-color: #FFFFFF;   margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */ } /* ~~ The header is not given a width. It will extend the full width of your layout. ~~ */ header {   background-color: #A36BE8; } /* ~~ These are the columns for the layout. ~~ 1) Padding is only placed on the top and/or bottom of the block elements. The elements within these blocks 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 block 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 block element and place a second block element 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 block set to float right). Many times, padding can be used instead. For blocks where this rule must be broken, you should add a "display:inline" declaration to the block element'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 blocks 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 blocks around in the HTML source. */ .sidebar1 {   float: right;   width: 180px;   background-color: #C5C2B8;   padding-bottom: 10px; } .content {   padding: 10px 0;   width: 780px;   float: right; } /* ~~ 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) ~~ */ nav ul{   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 */ } nav li {   border-bottom: 1px solid #666; /* this creates the button separation */ } nav a, 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. */   width: 160px;  /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */   text-decoration: none;   background-color: #15EE00; } nav a:hover, nav a:active, nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */   background-color: #ADB96E;   color: #FFF; } /* ~~ The footer ~~ */ footer {   padding: 10px 0;   background-color: #CCC49F;   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 */ } /*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */ header, section, footer, aside, article, figure {   display: block; } 
    Thank you for your help!

    Try this -
    <img src="assets/jpgs/Prodigy Logo Large 2014.jpg" width="180" height="180" alt="" style="display:block;">
    What you are seeing as whitespace is the space reserved for glyph descenders on any element that is rendered within a text box (i.e., an inline element). By making the image "display:block" you eliminate that space because a block element doesn't have descenders. If that works to your satisfaction then you can give the logo an id, and create a CSS selector containing that block style.

  • After updating firefox I can not open the shortcut browser icon, but can open IE, and my whole system seems to be slow. solution please? Now when I open firefox the task manager says the process firefox is running 100% CPU in the background

    Updated firefox to latest version with custom install, no task bar or startup (in past I think I usually included startup) late Friday nite. Then when trying to open Firefox shortcut on desktop Sat. could not, would freeze up. Then if I tried to open IE same would happen. After rebooting a # of times, opened IE 1st and worked but still could not open Mozilla within IE or the desktop. Also all our 3 wireless laptops including apple have no problem with this.

    You said you tried the recommended solution, but didn't mention what that solution was. Try, from the Firefox menu bar:
    <br /><br />
    Tools -> Options -> Content
    where you will find an option to block pop-up windows. If that box is checked but there are sites from which you would like to allow pop-up, click the button "Exceptions..." to add sites to your exception list.
    See also the help article [[Pop-up blocker]].

  • How to Make an Expanding Text Container?

    Is it possible to create a div tag (or some type of container
    object) that can reference a large body of text (such as a long
    article for example) and only show the first few paragraphs with a
    link at the bottom to expand the container to show the entire
    contents pushing any objects below it further down the page?
    I'm using php to include a large html article inside of a div
    tag on a newsletter page and would like to learn how to create a
    partial display that can expand to show everything only if the user
    decides to read more.
    Could someone please point me in the right direction in order
    to learn how to do this?
    Thanks!
    ~Greg

    Here is what you have in the onclick event :
    if(document.getElementById('article_snippet').style.display
    == 'block') {
    document.getElementById('article_snippet').style.display =
    'none';
    document.getElementById('article').style.display = 'block';
    }else{
    document.getElementById('article').style.display = 'none';
    document.getElementById('article_snippet').style.display =
    'block'
    On first click, you are checking 'article_snippet' for the
    value of
    .style.display However, the wayt it works is that .style
    values are
    NEVER the one in an external, or even an embedded style
    sheet. They is
    ONLY the ones in *inline* styling. And your div does not have
    that
    style inline initially.
    So, on the first click, no such style is found, and the else
    phrase is
    run, setting an INLINE value for
    article_snippet.style.display to 'block'.
    Then on the second click the first condition is met because
    the element
    now has an inline style with display=block, And the script
    now runs as
    you thought it would on first click.
    Does that make sense?
    E. Michael Brandt
    www.divaHTML.com
    divaGPS | divaFAQ
    www.valleywebdesigns.com
    JustSo PictureWindow
    Myrrhlin225 wrote:
    > Hello Again,
    > Well, I managed to get this to "almost" work based on
    the resource posted
    > above by Alec. However, given my limited experience with
    javascript, I seem to
    > have a slight problem in that the show/hide link must be
    clicked TWICE (but
    > only the first time) in order for everything to work
    properly.
    >
    > Could someone who really knows javascript please have a
    look at my source code
    > and tell me what I might need to change in order to get
    this toggling link to
    > work when a user clicks on it for the first time? I just
    don't want people to
    > have to click twice in order to see the full article.
    >
    > Thanks!
    > ~Greg
    >

  • Sidebar not flush with top border

    I am brand new to web design and DW.  I can't figure out how to bring my left sidebar flush with the header of the page.  I am following along in the DW-CS6 Class in a book.  Here is the code.
    <!doctype html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Untitled Document</title>
    <style type="text/css">
    <!--
    body {
              background-color: #FFF;
              margin: 0;
              padding: 0;
              color: #000;
              font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
              font-size: 100%;
              line-height: 1.4;
    /* ~~ 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 block. 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 blocks, instead of the block elements themselves, gets rid of any box model math. A nested block with side padding can also be used as an alternate method. */
    .sidebar1 aside {
              font-size: 90%;
    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: #42413C;
              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: #6E6C64;
              text-decoration: underline;
    a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
              text-decoration: none;
    /* ~~ This fixed width container surrounds all other blocks ~~ */
    .container {
              width: 950px;
              background-color: #FFFFFF;
              margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
              border: 2px solid #060;
    #logo {
              position: absolute;
              width: 170px;
              height: 158px;
              z-index: 1;
              margin-top: 10px;
              margin-left: 30px;
    /* ~~ The header is not given a width. It will extend the full width of your layout. ~~ */
    header {
              background-color: #090;
              background-image: url(images/banner.jpg);
              background-repeat: no-repeat;
              height: 130px;
    /* ~~ These are the columns for the layout. ~~
    1) Padding is only placed on the top and/or bottom of the block elements. The elements within these blocks 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 block 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 block element and place a second block element 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 block set to float right). Many times, padding can be used instead. For blocks where this rule must be broken, you should add a "display:inline" declaration to the block element'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 blocks 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 blocks around in the HTML source.
    .sidebar1 {
              float: left;
              width: 180px;
              background-color: #EADCAE;
              padding-bottom: 10px;
    .content {
              padding: 10px 0;
              width: 770px;
              float: right;
    .content h1 {
              font-size: 200%;
              margin-top: 10px;
              margin-bottom: 5px;
    /* ~~ 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. */
    nav p {
              font-size: 90%;
              font-weight: bold;
              color: #FFC;
              background-color: #090;
              text-align: right;
              padding-top: 5px;
              padding-right: 20px;
              padding-bottom: 5px;
              border-bottom-width: 2px;
              border-bottom-style: solid;
              border-bottom-color: #060;
              background-image: url(images/background.png);
              background-repeat: repeat-x;
    nav p a:link, nav p a:visited {
              text-decoration: none;
              color: #FFC;
              padding: 5px;
    nav p a:hover, nav p a:active {
              color: #FFF;
              background-color: #060;
    /* ~~ 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-top-width: 1px;
              border-right-width: 1px;
              border-bottom-width: 1px;
              border-left-width: 1px;
              border-top-style: solid;
              border-right-style: solid;
              border-bottom-style: solid;
              border-left-style: solid;
              border-top-color: #0C0;
              border-right-color: #060;
              border-bottom-color: #060;
              border-left-color: #0C0;
    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. */
              width: 160px;  /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
              text-decoration: none;
              background-color: #090;
              color: #FFC;
    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-color: #060;
              color: #FFF;
    /* ~~ The footer ~~ */
    footer {
              padding: 10px 0;
              background-color: #090;
              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: 90%;
              color: #FFC;
              background-image: url(images/background.png);
              background-repeat: repeat-x;
    /*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
    header, section, footer, aside, article, figure {
              display: block;
    .green {
              color: #090;
    -->
    </style><!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]--></head>
    <body>
    <div class="container">
      <div class="green" id="logo"><img src="images/butterfly-ovr.png" width="170" height="158" alt="GreenStart Logo"></div>
      <header></header>
      <nav>
        <p><a href="#">Home</a> | <a href="#">About Us</a> | <a href="#">Contact Us</a></p>
      </nav>
      <div class="sidebar1">
        <ul class="nav">
          <li><a href="#">Green News</a></li>
          <li><a href="#">Green Products</a></li>
          <li><a href="#">Green Events</a></li>
          <li><a href="#">Green Travel</a></li>
          <li><a href="#">Green Tips</a></li>
        </ul>
        <aside>
          <img name="Sidebar" src="" width="180" height="150" alt="">
          <p>Insert caption here</p>
        </aside>
      <!-- end .sidebar1 --></div>
      <article class="content">
        <h1>Insert main heading here</h1>
        <section>
         <h2>Insert subheading here</h2>
          <p>Insert content here</p>
        </section>
        <!-- end .content --></article>
      <footer>
        <p>Copyright 2012 Meridien GreenStart.  All rights reserved.</p>
        <address>
          Address Content
        </address>
      </footer>
      <!-- end .container --></div>
    </body>
    </html>
    Any help would be greatly appreciated.

    Add this to the end of your nav p CSS selector at Line 209 of your HTML file, after 'background-repeat...':
    margin-bottom: -2px;
    Your nav p will then look like this:
    nav p {
              font-size: 90%;
              font-weight: bold;
              color: #FFC;
              background-color: #090;
              text-align: right;
              padding-top: 5px;
              padding-right: 20px;
              padding-bottom: 5px;
              border-bottom-width: 2px;
              border-bottom-style: solid;
              border-bottom-color: #060;
              background-image: url(images/background.png);
              background-repeat: repeat-x;
              margin-bottom: -2px;

Maybe you are looking for

  • QTVR - White screen when loaded, but hotspots active

    Hi, I'm hoping someone can help me with the following problem. I am showing quicktime VR movie in a HTML page, using the following code:; This is in the head section:- <script language="JavaScript" src="Scripts/AC_QuickTime.js"></script> (Appropriate

  • Macbook Air Virus?

    my macbook air just froze on me while viewing a photo gallary on the internet. I turned it off, and restarted it. However, all I see is a blank gray screen. I tried Command + R, which prompts a message of Apple searching on Internet, but in less that

  • Check space in the end to display warning message.

    I am currently working on validations on functional locations in the EDIT MASK. the code is already written for validations on to check for space in the beginning of the each level in the edit mask. however user requirement is that the program should

  • Portal Users Login Time during a particular interval

    Hello, I have gone through many forums and blogs but didn't find any helpful comments on how do I get the list of users and their respective login times during a particular time interval. All my users are stored inside the portal only, I am not using

  • Hi,Error when adding chart of account This entry already exists in the foll

    Hi, I am getting these below error while adding new chart of account. This entry already exists in the following tables  '' (UDO1) (ODBC -2035)  [Message 131-183] This entry already exists in the following tables  'G/L Accounts' (OACT) (ODBC -2035)