Repatilian
15 Oct 2011, 04:54 AM
Hi, i was wondering if there's a way to get two buttons on my website to scale with window like the rest of my page? My site's www.marksbodyshop.org/index3.htm. Thanks. I had it like this but it didn't scale to window size.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="language" content="english">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta name="keywords" content="auto body,body shops,auto body repair,collision repair,sahuarita,arizona,green valley">
<title>Marks Body Shop</title>
<style>
* {
padding:0;
margin:0;
}
body {
background-color:#000;
}
#container {
background-repeat: no-repeat;
width:965px;
height:529px;
padding-top:300px;
margin:140px auto 0;
background-image:url(../background22.gif);
}
#navigation {
margin-left:70px;
list-style-type:none;
}
#navigation li {
height:33px;
margin-bottom:4px;
}
#about {
width:93px;
height:30px;
display:block;
background-image:url(../about.png);
text-indent:-9999px;
outline:none;
}
#about:hover {
height:33px;
background-position:0 -30px;
}
#about:active {
height:33px;
background-position:0 -63px;
}
#contact {
width:96px;
height:30px;
display:block;
background-image:url(../contact2.png);
text-indent:-9999px;
outline:none;
}
#contact:hover {
height:30px;
background-position:0 -30px;
}
#contact:active {
height:30px;
background-position:0 -63px;
}
#images img {
width:100%;
position: absolute;
top: 0;
left: 0;
}
</style>
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>
<div id="container">
<ul id="navigation" alt="Marks Body Shop">
<li><a id="about" href="http://www.marksbodyshop.org/aboutus2.htm" alt="About Us" name="Marks Body Shop">About Us</a></li>
<li><a id="contact" href="http://www.marksbodyshop.org/contactus.htm" alt="Contact Us" name="Marks Body Shop">Contact Us</a></li>
</ul>
</div>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="language" content="english">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta name="keywords" content="auto body,body shops,auto body repair,collision repair,sahuarita,arizona,green valley">
<title>Marks Body Shop</title>
<style>
* {
padding:0;
margin:0;
}
body {
background-color:#000;
}
#container {
background-repeat: no-repeat;
width:965px;
height:529px;
padding-top:300px;
margin:140px auto 0;
background-image:url(../background22.gif);
}
#navigation {
margin-left:70px;
list-style-type:none;
}
#navigation li {
height:33px;
margin-bottom:4px;
}
#about {
width:93px;
height:30px;
display:block;
background-image:url(../about.png);
text-indent:-9999px;
outline:none;
}
#about:hover {
height:33px;
background-position:0 -30px;
}
#about:active {
height:33px;
background-position:0 -63px;
}
#contact {
width:96px;
height:30px;
display:block;
background-image:url(../contact2.png);
text-indent:-9999px;
outline:none;
}
#contact:hover {
height:30px;
background-position:0 -30px;
}
#contact:active {
height:30px;
background-position:0 -63px;
}
#images img {
width:100%;
position: absolute;
top: 0;
left: 0;
}
</style>
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>
<div id="container">
<ul id="navigation" alt="Marks Body Shop">
<li><a id="about" href="http://www.marksbodyshop.org/aboutus2.htm" alt="About Us" name="Marks Body Shop">About Us</a></li>
<li><a id="contact" href="http://www.marksbodyshop.org/contactus.htm" alt="Contact Us" name="Marks Body Shop">Contact Us</a></li>
</ul>
</div>
</body>
</html>