why is my image repeating?

**DeadlyByDesign** · Aug 27, 2012 16:38

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%;
}

**ralph.m** · Aug 27, 2012 16:56

Without seeing the site, all I can suggest is you remove the gap between the right parenthesis and the "no-repeat":

Code:

background:url(images/logo.jpg)no-repeat 0 0;

**Rayzur** · Aug 27, 2012 20:33

logo should not be repeating but yet it is

Hi,
You failed to close the h1 tag and that is causing the heading to be rendered twice.

all I can suggest is you remove the gap between the right parenthesis and the "no-repeat"

Actually that can cause problems in older versions of IE. I don't see a gap in the code, but I would put the space in there.
I guess I still do it out of habit.

Code:

background:url(images/logo.jpg) no-repeat 0 0;

**DeadlyByDesign** · Aug 28, 2012 01:49

Originally Posted by Rayzur

Hi,
You failed to close the h1 tag and that is causing the heading to be rendered twice.

Actually that can cause problems in older versions of IE. I don't see a gap in the code, but I would put the space in there.
I guess I still do it out of habit.

Code:

background:url(images/logo.jpg) no-repeat 0 0;

Oh my God, I cant believe that's what I missed closing that. I sat there for an hour last night looking and didn't see that. Kicking myself here- thanks guys

**ralph.m** · Aug 28, 2012 02:55

Originally Posted by ralph.m

all I can suggest is you remove the gap between the right parenthesis and the "no-repeat"

Duh, I meant remove the lack of a gap ... or, in other words, put the gap in.

User Tag List

Thread: why is my image repeating?

Thread Tools

Display

why is my image repeating?

Bookmarks

Bookmarks

Posting Permissions