some problems with css

Discussion in 'Web Design and Development' started by rglatter, Aug 11, 2006.

  1. rglatter macrumors regular

    Joined:
    Jul 24, 2006
    Location:
    Arkansas
    #1
    Hello,
    Im very new to the web design scene but im just expirementing a little bit and I have a few questions

    1. Why wont safari render my css correctly? EDIT: fixed dont know how but it did.
    2. The links that I would like to be horizontal are vertical. How can I change this?

    here is a link to the website

    here is the website code

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>Glatter Graphics And Design</title>
    <link href="styles.css" rel="stylesheet" type="text/css">
    <style type="text/css">
    <!--
    body,td,th {
    	font-family: Arial, Helvetica, sans-serif;
    	color: #FFFFFF;
    }
    body {
    	background-color: #000000;
    }
    -->
    </style></head>
    
    <body>
    <div align="center"><img src="Images/banner.jpg" width="1024" height="175">
    <a href="#" id="servicescss">Services</a><a href="#" id="portfoliocss">Portfolio</a><a href="#" id="clientscss">Clients</a><a href="#" id="contactuscss">Contact_Us</a>
    
    </div>
    </body>
    </html>
    and here is my style sheet

    Code:
    /* CSS Document */
    
    /*rolovers*/
    #portfoliocss{
    height: 80px;
    width: 240px;
    text-indent: 10000px;
    overflow: hidden;
    background: url(Images/portfoliocss.jpg) top left no-repeat;
    display: block;
    }
     
    #portfoliocss:hover{
    background-position: bottom left;
    }
    
    
    #servicescss{
    height: 80px;
    width: 240px;
    text-indent: 10000px;
    overflow: hidden;
    background: url(Images/servicescss.jpg) top left no-repeat;
    display: block;
    }
     
    #servicescss:hover{
    background-position: bottom left;
    }
    
    #clientscss{
    height: 80px;
    width: 240px;
    text-indent: 10000px;
    overflow: hidden;
    background: url(Images/clientscss.jpg) top left no-repeat;
    display: block;
    }
     
    #clientscss:hover{
    background-position: bottom left;
    }
    
    #contactuscss{
    height: 80px;
    width: 240px;
    text-indent: 10000px;
    overflow: hidden;
    background: url(Images/contactuscss.jpg) top left no-repeat;
    display: block;
    }
     
    #contactuscss:hover{
    background-position: bottom left;
    }
    any help would be appreciated.
     
  2. steelphantom macrumors 6502a

    steelphantom

    Joined:
    Oct 15, 2005
    #2
    Your site isn't loading for me. Did you take it down?
     
  3. rglatter thread starter macrumors regular

    Joined:
    Jul 24, 2006
    Location:
    Arkansas
    #3
    i didnt take it down..it wasnt working for a second there for me too but it seems to be working now.

    EDIT: I just realized that the CSS is working now in safari..so number one you dont have to wory about..
     

Share This Page