PHP Problem

atomic · Mar 16, 2009

Hi all

I have been working on a website (PHP). Some of the text appears black when it should be white. I know its a problem with the style sheet but i cant spot where i made the mistake.

I am hoping one of you can

Code:

* {
	margin:0;
	padding:0
}

body {
	background: #292929 url(images/bg.png) repeat-x;
	font-family:Arial;
	margin:0;
	padding:0
}

	a:link img, a:active img, a:visited img, a:hover img {
		border: 0px 
	}


h1, h2, h3, h4, h5, h6, span, p, ul, li {
	margin:0;
	padding:0;
	font-weight:normal
}

span a {
 color:#dfb331;
}

#emails {
  color:#FFFFFF;
}

#emails a {
  color:#dfb331;
}


#wrapper {
	width:968px;
	background: url(images/wrapper.png) repeat-y;
	height:auto;
	margin:0 auto 0 auto;
}

#navigation {
	background: url(images/navigation.png) no-repeat;
	height:32px
}

	#navigation ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	#navigation ul li {
		display: inline;
		list-style: none;
		text-indent: -10000px;
		margin: 0 0 0;
		padding: 0;
	}

	.home {
		width:110px;
		height:32px;
	}
	
		.home a {
			width:110px;
			height:32px;
			background: url(images/navigation/home.png) no-repeat;
			float: left;
			margin: 0 0 0 61px;
		}
				
		.home a:hover {
			width:110px;
			height:32px;
			background-position: 0 -32px;
			float: left;
		}

	.dj {
		width:97px;
		height:32px;
	}
	
		.dj a {
			width:97px;
			height:32px;
			background: url(images/navigation/dj.png) no-repeat;
			float: left;
		}
				
		.dj a:hover {
			width:97px;
			height:32px;
			background-position: 0 -32px;
			float: left;
		}

	.schedule {
		width:120px;
		height:32px;
	}
	
		.schedule a {
			width:120px;
			height:32px;
			background: url(images/navigation/schedule.png) no-repeat;
			float: left;
		}
				
		.schedule a:hover {
			width:120px;
			height:32px;
			background-position: 0 -32px;
			float: left;
		}

	.sponsors {
		width:120px;
		height:32px;
	}
	
		.sponsors a {
			width:120px;
			height:32px;
			background: url(images/navigation/sponsors.png) no-repeat;
			float: left;
		}
				
		.sponsors a:hover {
			width:120px;
			height:32px;
			background-position: 0 -32px;
			float: left;
		}


	.community {
		width:139px;
		height:32px;
	}
	
		.community a {
			width:139px;
			height:32px;
			background: url(images/navigation/community.png) no-repeat;
			float: left;
		}
				
		.community a:hover {
			width:139px;
			height:32px;
			background-position: 0 -32px;
			float: left;
		}

	.downloads {
		width:137px;
		height:32px;
	}
	
		.downloads a {
			width:137px;
			height:32px;
			background: url(images/navigation/downloads.png) no-repeat;
			float: left;
		}
				
		.downloads a:hover {
			width:137px;
			height:32px;
			background-position: 0 -32px;
			float: left;
		}

	.contact {
		width:137px;
		height:32px;
	}
	
		.contact a {
			width:156px;
			height:32px;
			background: url(images/navigation/contact.png) no-repeat;
			float: left;
		}
				
		.contact a:hover {
			width:156px;
			height:32px;
			background-position: 0 -32px;
			float: left;
		}


#header {
	background: url(images/header.jpg) no-repeat;
	height:243px
}


	#header img {
		float:right;
		margin: 9px 24px 0 0
	}

#content {
	background: url(images/content.jpg) no-repeat;
	width:968px;
	height:auto;overflow:hidden
}

	#content_left {
		float:left;
		width:625px;
		height:auto;
		margin: 0 0 0 25px;
		padding: 21px 0 0 0
	}

		.welcome {
			background: url(images/welcome-header.png) no-repeat;
			width:625px;
			height:32px;
		}
		
.defectiheader {
			background: url(images/djs/defective.gif) no-repeat;
			width:625px;
			height:32px;
		}

		
.skeltaheader {
			background: url(images/djs/skelta.gif) no-repeat;
			width:625px;
			height:32px;
		}

.cosmoheader {
			background: url(images/djs/cosmo.gif) no-repeat;
			width:625px;
			height:32px;
			
			}

.chexmixerheader {
			background: url(images/djs/chexmixer.gif) no-repeat;
			width:625px;
			height:32px;
		}
		
		.noobcakeheader {
			background: url(images/djs/noobcake.gif) no-repeat;
			width:625px;
			height:32px;
		}

		.atomicheader {
			background: url(images/djs/atomic.gif) no-repeat;
			width:625px;
			height:32px;
		}

		.dropheader {
			background: url(images/djs/drop.gif) no-repeat;
			width:625px;
			height:32px;
		}
		
		.arsenicheader {
			background: url(images/djs/arsenic.gif) no-repeat;
			width:625px;
			height:32px;
		}

		.damexicanheader {
			background: url(images/djs/damexican.jpg) no-repeat;
			width:625px;
			height:32px;
		}
		
		.news {
			background: url(images/news.gif) no-repeat;
			width:625px;
			height:32px;
		}
		
		.sponsorbar {
			background: url(images/sponsorbar.gif) no-repeat;
			width:625px;
			height:32px;
		}
		
		.contactbar {
			background: url(images/contactbar.gif) no-repeat;
			width:625px;
			height:32px;
		}
		
		.photosbar {
			background: url(images/photo.jpg) no-repeat;
			width:625px;
			height:32px;
		}

		.mixesbar {
			background: url(images/mixes.jpg) no-repeat;
			width:625px;
			height:32px;
		}

		.resourcesbar {
			background: url(images/resources.jpg) no-repeat;
			width:625px;
			height:32px;
		}
		
		.communitybar {
			background: url(images/community.jpg) no-repeat;
			width:625px;
			height:32px;
		}
		
		.schedulebar {
			background: url(images/schedule.jpg) no-repeat;
			width:625px;
			height:32px;
		}
		
		.listenbar {
			background: url(images/listen.jpg) no-repeat;
			width:625px;
			height:32px;
		}

		.content_left_content {
			width:613px;
			height:auto;
			padding:0 7px 0 5px
		}
		
		.content_left_content a{
                        color:#dfb331;
		}

			.content_left_content img {
				float:left;
				padding: 0 7px 0 0
			}

			.content_left_content p {
				color:#feffff;
				font-size:12px;
				padding:8px 0 0 0
			}


			.content_left_content span {
				color:#3885c2;
				font-size:12px;
				padding:6px 0 0 0
			}

	#content_right {
		float:right;
		width:292px;
		height:auto;
		color:#ffffff;
		font-size:12px
	}

		#content_right a {
			color:#dfb331;
			text-decoration:underline
		}

		#content_right a:hover {
			color:#dfb331;
			text-decoration:none
		}

		.content_right_content {
			width:203px;
			height:auto;
			margin:0 0 0 62px;
			text-align:center;
			color:#ffffff;
			font-size:12px
		}

		.content_right_content-2 {
			width:203px;
			height:auto;
			margin:-10px 0 0 62px;
			text-align:center;
		}

			.content_right_content-2 span {
				color:#dfb331;
				font-weight:bolder
			}


			.content_right_content-2 p {
				color:#4587c9;
			}

		.content_right_content-3 {
			width:203px;
			height:auto;
			margin:-20px 0 0 62px;
			text-align:center;
		}

			.content_right_content-3 ul {
				list-style: none;
				margin: 0 0 15px 0;
				padding: 0;
		}
		
			.content_right_content-3 ul li {
				list-style: none;
				color:#dfb331;
				font-size:12px
			}


			.content_right_content-3 ul li a {
				color:#dfb331;
				font-size:11px
			}

		.now-playing {
			text-indent:-9999px;
			background: url(images/header/now-playing.png) no-repeat;
			width:283px;
			height:83px;
		}

		.sponsor {
			text-indent:-9999px;
			background: url(images/header/sponsor.png) no-repeat;
			width:283px;
			height:102px;
		}

		.affliates {
			text-indent:-9999px;
			background: url(images/header/affliates.png) no-repeat;
			width:283px;
			height:125px;
		}
		
		.affiliates a {
                  color:#ffffff;
                }
                
#contentmiddle a {
 color:#dfb331;
}

#footer {
	background: url(images/footer.png) no-repeat;
	height:84px
}

	.footer_left {
		float:left;
		color:#ffffff;
		font-size:10px;
		padding: 24px 0 0 26px
	}

	.footer_right {
		float:right;
		color:#ffffff;
		font-size:10px;
		text-align:right;
		padding: 21px 16px 0 0
	}
	
	.footer_right a {
          color:#ffffff;
          text-decoration:none;
        }
        
        .footer_right a:hover {
          color:#ffffff;
          text-decoration:underline;
        }

patrickv · Mar 16, 2009

Hmmm, the only color, which is going on black (dark gray) is the line

background: #292929 url(images/bg.png) repeat-x;

but that's the BG right ?

what program you're using ? not dreamweaver right ?

atomic · Mar 17, 2009

patrickv said:
Hmmm, the only color, which is going on black (dark gray) is the line

but that's the BG right ?

what program you're using ? not dreamweaver right ?

Notepad

EDIT: I've noticed the problem only appears in IE the page looks fine in Firefox and Safari.

PHP Problem

atomic

New Member

patrickv

Active Member

atomic

New Member