Results 1 to 2 of 2

Thread: button to scale with rest of page

  1. #1
    Join Date
    Sep 2011
    Posts
    16

    button to scale with rest of page

    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.
    Code:
    <!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>

  2. #2
    Join Date
    Sep 2011
    Posts
    16
    i got it. i just reworked the css.

Similar Threads

  1. REST and Web Applications are not friends
    By Lesley1 in forum Client & Server Side Scripting (PHP, ASP, JavaScript)
    Replies: 0
    Last Post: 17 Nov 2008, 05:36 AM

Posting Permissions

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