Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Oct 2007
    Posts
    11
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Strange white pixels

    can somebady help me with these white pixels a the corners of my buttons?

    here is a link:

    liveandlearncr.com/index.htm

    here is the css:

    body {
    background-color: #9EA76C;
    margin: 0px;
    padding: 0px;
    text-align: center;
    }

    #container {
    background-image: url(images/bar.gif);
    background-repeat: repeat-y;
    margin: 0 auto;
    width: 800px;
    left: 0px;
    top: 0px;
    position: relative;
    background-color: #9EA76C;
    text-align: left;

    }

    #navigation {
    height: 369px;
    width: 206px;
    left: 23px;
    top: 168px;
    position: absolute;
    margin: 0px;
    padding: 0px;
    line-height:0px;



    }


    #banner {
    position: absolute;
    height: 100px;
    width: 453px;
    left: 80px;
    top: 25px;
    background-image: url(images/Logo-target-language-curved.gif);
    background-repeat: no-repeat;
    }
    #contenttop {
    position: relative;
    left: 295px;
    top: 160px;
    width: 480px;
    padding-top: 22px;
    background-image: url(images/blocktop.gif);
    background-repeat: no-repeat;


    }
    #contentcentre {
    background-color: 763721;
    position: relative;
    width: 480px;

    }

    #contentbottom {
    background-color: transparent;
    background-image: url(images/blockbottom.gif);
    background-repeat: no-repeat;
    position: relative;
    width: 480px;
    height: 34px;

    }
    #footer {
    height: 110px;
    width: 700px;
    background-image: url(images/panel.gif);
    background-repeat: no-repeat;
    position: relative;
    left: 80px;
    top: 200px;
    }

    .contact {
    background-image: url(images/contactbuttonover.gif);
    background-repeat: no-repeat;
    height: 58px;
    width: 200px;
    }

    .contact a{
    background-image: url(images/contactbutton.gif);
    background-repeat: no-repeat;
    height: 58px;
    width: 200px;
    background-color : transparent;
    }

    .contact a:hover{
    background: none;
    margin: 0px;
    padding: 0px;
    }

    .home {
    background-image: url(images/homebuttonover.gif);
    background-repeat: no-repeat;
    height: 58px;
    width: 200px;
    }

    .home a{
    background-image: url(images/homebutton.gif);
    background-repeat: no-repeat;
    height: 58px;
    width: 200px;
    display: block;
    background-color : transparent;
    }

    .home a:hover{
    background: none;
    }

    .course {
    background-image: url(images/coursebuttonover.gif);
    background-repeat: no-repeat;
    height: 58px;
    width: 200px;
    }

    .course a{
    background-image: url(images/coursebutton.gif);
    background-repeat: no-repeat;
    height: 58px;
    width: 200px;
    display: block;
    }

    .course a:hover{
    background: none;
    }

    .business {
    background-image: url(images/businessbuttonover.gif);
    background-repeat: no-repeat;
    height: 58px;
    width: 200px;
    }

    .business a{
    background-image: url(images/businessbutton.gif);
    background-repeat: no-repeat;
    height: 58px;
    width: 200px;
    display: block;
    }

    .business a:hover{
    background: none;
    }

    .who {
    background-image: url(images/whobuttonover.gif);
    background-repeat: no-repeat;
    height: 58px;
    width: 200px;
    }

    .who a{
    background-image: url(images/whobutton.gif);
    background-repeat: no-repeat;
    height: 58px;
    width: 200px;
    display: block;
    }

    .who a:hover{
    background: none;
    }

    .learn {
    background-image: url(images/learnbuttonover.gif);
    background-repeat: no-repeat;
    height: 58px;
    width: 200px;
    }

    .learn a{
    background-image: url(images/learnbutton.gif);
    background-repeat: no-repeat;
    height: 58px;
    width: 200px;
    display: block;
    }

    .learn a:hover{
    background: none;
    }

  • #2
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,788
    Thanks
    8
    Thanked 131 Times in 129 Posts
    are you always going to have that solid colored background? if so, when you save your gifs (if in photoshop or gimp) at a matte around them of the same color green.
    Stop making things so hard on yourself.
    i is tugbucket :: help raise tugburg :: Whitehaven Kiwanis


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •