Hey, so i have a site in the works as just a personal thing for practice, the URL is;

http://www.kmzone.dreamsoft-hosting.com/

 

So my questions are;

 

Why does my banner lose its green border when i host it? Heres the banner;

http://tinypic.com/view.php?pic=34yycgg&s=4

 

And heres the css for the banner;

#banner
{
width: 900px;
height: 250px;
margin-right: auto;
margin-left: auto;
margin-bottom: 10px;
margin-top: 11px;
background: url(../images/banner.png);
}

 

Secondly, how come if you hover over 'linkone' or two, etc on my website, the button goes all along the page?

 

Thirdly, how would i get the linkone linktwo etc, horizontally next to each other?

 

Heres the CSS if you need it,

body {
font-family: Verdana;
font-size: 11px;
background-color: #000000;
} 

#banner
{
width: 900px;
height: 250px;
margin-right: auto;
margin-left: auto;
margin-bottom: 10px;
margin-top: 11px;
background: url(../images/banner.png);
}

.button
{
width: 80px;
height: 25px;
color: #9000A1;
font-family: Verdana;
font-size: 11px;
padding-top: 10px;
padding-left: 750px;
}

.button:hover
{	
background: url(../images/button_over.png);
}

 

Thanks alot guys!

Hey, so i have a site in the works as just a personal thing for practice, the URL is;

http://www.kmzone.dreamsoft-hosting.com/

 

So my questions are;

 

Why does my banner lose its green border when i host it? Heres the banner;

http://tinypic.com/view.php?pic=34yycgg&s=4

 

And heres the css for the banner;

#banner
{
width: 900px;
height: 250px;
margin-right: auto;
margin-left: auto;
margin-bottom: 10px;
margin-top: 11px;
background: url(../images/banner.png);
}

 

Secondly, how come if you hover over 'linkone' or two, etc on my website, the button goes all along the page?

 

Thirdly, how would i get the linkone linktwo etc, horizontally next to each other?

 

Heres the CSS if you need it,

body {
font-family: Verdana;
font-size: 11px;
background-color: #000000;
} 

#banner
{
width: 900px;
height: 250px;
margin-right: auto;
margin-left: auto;
margin-bottom: 10px;
margin-top: 11px;
background: url(../images/banner.png);
}

.button
{
width: 80px;
height: 25px;
color: #9000A1;
font-family: Verdana;
font-size: 11px;
padding-top: 10px;
padding-left: 750px;
}

.button:hover
{	
background: url(../images/button_over.png);
}

 

Thanks alot guys!

Hi have you tried it in different browser may be your not using web safe colours as some colours will look different in IE than Firefox

 

try this link

 

http://www.web-source.net/216_color_chart.htm

 

scroll down a bit you willl get a chart of web safe colours hope it helps

ok for your css problems you are using an image i think you will have to set button hover to no repeat as back ground image is set to repeat by defeault i am only a begginer but i think it may work

 

also create your link as an unorderd list

<ul>

<li>link1</li>

<li>link1</li>

<li>link1</li>

<li>link1</li>

</ul>

then set your css for your #button li to display inline this should get the links to be horizontal

 

good luck

The image hosted on your site doesn't have a border. Your style sheet calls in this image: http://www.kmzone.dreamsoft-hosting.com/images/banner.png

Not a border in sight!