SitePoint Sponsor

User Tag List

Results 1 to 5 of 5

Threaded View

  1. #1
    SitePoint Member
    Join Date
    Jul 2010
    Posts
    16
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    why is my image repeating?

    really flumoxed here. this logo should not be repeating but yet it is, can you help me out guys,
    image is coming out side by side


    Code:
    <html>
    <head>
    
    <link href="styles.css" rel="stylesheet" type="text/css" />
    
    </head>
    <body>
    
    <div  id="container">
    	<div id="header">
    		<h1><a href="#"> Coolmine MMA</a><h1>
    			
    	</div>
    </div>
    
    </body>
    
    </html>
    CSS


    Code:
    * { margin: 0; padding: 0; }
    
    
    body {
      background: #fff url(images/bg_body.jpg) repeat-x 0 0;
      font-family: Arial, Helvetica, sans-serif;
    }
    
    
    #container {
      width: 960px;
      margin: 0 auto;
      padding: 0 10px;
    }
    
    #header {
      position:relative;
      width:960px;
    }
    
    #header h1 {
      display:block;
      float:left;
      width:400px;
      height:120px;
      background:url(images/logo.jpg)no-repeat 0 0; 
      text-indent:-9999px;
    }
    
    #header h1 a {
      display: block;
      height: 100%;
      width: 100%;
    }
    Last edited by ralph.m; Aug 27, 2012 at 16:57. Reason: added code tags


Bookmarks

Posting Permissions

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