...

View Full Version : Strange white pixels



bloke
10-24-2007, 10:35 PM
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;
}

harbingerOTV
10-24-2007, 11:39 PM
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.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum