• Locked
6 replies [Last post]
Sun, 2009-11-01 20:03
JDawggie
Offline
newbie
Last seen: 12 years 10 weeks ago
Timezone: GMT-5
Joined: 2009-10-31
Posts: 4
Points: 5

Puzzled Hi All -- I am a newbie to all of this and stumped why my XHTML validates, but my local css come up with " 166 null Parse Error [empty string] " . I went down to line 166 and do not see anything incorrect? I posted the CSS from what my text editor (Text Wrangler) is from line 162 - 173.

As this is my first post, please let me know if I posted incorrectly or if you need additional information. I tried to do a search for this, but did not find anything.

Lines 162 - lines 173:

#footer {
border-top: 2px solid #999;
padding-top: 5px;
margin: 15px 15px;
clear: both;
}

#footer p {
font-size: 85%;
color: #234567;
text-align: center;
}

Has anyone else received such a message -- if so, what does it mean and what is the best resolution

Many thanks in advance;
Jared

Top
Tags:
Sun, 2009-11-01 22:29
#1
Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 15 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

You're going to need to post

You're going to need to post a link to the page.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Top
Mon, 2009-11-02 02:29
#2
JDawggie
Offline
newbie
Last seen: 12 years 10 weeks ago
Timezone: GMT-5
Joined: 2009-10-31
Posts: 4
Points: 5

full code..

Hi -- below is the full css and html code. The XHTML checks out fine, but the CSS has this strange null parse error... Any help would be appreciatted. Also, please let me know if I posted this code incorrectly and/or if it was too long to post.

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href=" DOC goes here.css"/>
<title>
	Document title
</title>
<style type="text/css">
				html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
				 padding: 0;
				 margin: 0;
				 font-size: 100%;
				 font-weight: normal;
				}
				table { border-collapse: collapse; border-spacing: 0; }
				td, th, caption { font-weight: normal; text-align: left; }
				img, fieldset { border: 0; }
				ol { padding-left: 1.4em; list-style: decimal; }
				ul { padding-left: 1.4em; list-style:square; }
				q:before, q:after { content:''; }
	/* Style Reset END */
 
/* Content Styling Begins */ 
 
		body 	{
			   background-color: #fff;
			   background-image: url(images/bg1.png);
			   background-repeat: repeat-y;
			   background-position: center top;
			   padding: 0;
			   margin: 0 auto;
			   width: 800px;
			   height: 100%;
			}
 
 
		#wrapper {
				margin-left:  auto;
				margin-right: auto;
				float: left;
				}
 
		.header {
				margin: 5px 5px 5px 10px;
				padding: 5px 8px 5px 0;
				}
 
		#content{
				border-top: 1px solid #999;
				padding-top: 15px;
				margin: 15px 15px;
				float: left;
				height: 100%;
				}
 
#leftContainer, #middleContainer, #rightContainer {
						background-color: #f8f8f8;
						width: 33%;
						}
 
		#leftContainer {						
						float: left;						
						}
 
		#middleContainer {
						float:left;
						}
 
		#rightContainer{
						float:right;
						}
 
		.mainContent {
						color: #999;
						padding: 10px 20px 10px 20px;
						}
 
 
		/* Content Rounded DIVs */
 
		/* ---=== border code follows ===--- */
		/*
			tlc = top left corner
			trc = top right corner
			blc = bottom left corner
			brc = bottom right corner
			lb = left border
			rb = right border
			tb = top border
			bb = bottom border 
		*/
 
 
		.tlc, .trc, .blc, .brc
			{
			background-color: transparent;
			background-repeat: no-repeat;
			}
 
		.tlc
			{
			background-image:url(images/tlc.gif);
			background-position: 0% 0%;
			}
 
		.trc
			{
			background-image:url(images/trc.gif);
			background-position: 100% 0%;
			}
 
		.blc
			{
			background-image:url(images/blc.gif);
			background-position: 0% 100%;
			}
 
		.brc
			{
			background-image:url(images/brc.gif);
			background-position: 100% 100%;
			}
		/* ======= END  Corner Images  Top Left, Top Right, Bottom Left, Bottom Right ======*/
 
					/* =============  Top and Bottom Borders  ========= */ 
					.tb, .bb
						{
						background-color: transparent;
						background-repeat: repeat-x;
						}
 
					.tb
						{
						background-image:url(images/tb.gif);
						background-position: 0% 0%;
						}
					.bb
						{
						background-image:url(images/bb.gif);
						background-position: 50% 100%;
						}
						/* ======END Top and Bottom Borders ====== */
 
										/* ========= Left and Right Borders ===== */
									.rb
										{
										background-image:url(images/r.gif);
										background-position: 100% 0%;
										background-repeat: repeat-y;
										}
									.lb
										{
										background-image:url(images/l.gif);
										background-position: 0% 100%;
										background-repeat: repeat-y;
										}
									 /* =========  End Left and Right Borders  ========= */
 
	#footer {
			border-top: 2px solid #999;
			padding-top: 5px;
			margin: 15px 15px;
			clear: both;
			}
 
	#footer p {
				font-size: 85%;
				color: #234567;
				text-align: center;
				}
 
 
</style>
</head>
<body>
<div id="wrapper">
 
			<div class="header">
			<img class="banner" src="images/testing.gif" width="787" height="126" alt=""/>
			</div>
 
			<div id="content">
					<div id="leftContainer">
							<!-- Left Box Borders Begin   Float this left-->
 
							<div class="lb"><div class="rb">
							<div class="bb"><div class="blc"><div class="brc">
							<div class="tb"><div class="tlc"><div class="trc">
 
							<p class="mainContent">
							LefT ConTainer LefT ConTainer LefT ConTainer LefT ConTainer LefT ConTainer LefT ConTainer LefT ConTainer LefT ConTainer LefT ConTainer LefT</p>		
							</div></div></div></div>
							</div></div></div></div>
					</div> <!-- /* left container END */ -->
 
					<div id="middleContainer">
						<!-- Middle Box Borders Begin -->
 
						<div class="lb"><div class="rb">                     
						<div class="bb"><div class="blc"><div class="brc">         
						<div class="tb"><div class="tlc"><div class="trc">
						<p class="mainContent">
						 MidDlE ContaIner  MidDlE ContaIner MidDlE ContaIner MidDlE ContaIner MidDlE ContaIner MidDlE ContaIner MidDlE ContaIner MidDlE ContaIner MidDlE ContaIner 
						</p>
						</div></div></div></div>
						</div></div></div></div>
						<!--- end of middle border ends -->
					</div> <!-- /* middle container END */ -->	
 
					<div id="rightContainer">
							<!-- Right Box Borders Begin  Float  -->
 
							<div class="lb"><div class="rb">                     
							<div class="bb"><div class="blc"><div class="brc">         
							<div class="tb"><div class="tlc"><div class="trc">
							<p class="mainContent">
							Right Content Right Content Right Content Right Content Right Content Right Content Right Content Right Content Right Content Right Content Right Content Right Content
							</p>
							</div></div></div></div>
							</div></div></div></div>
							<!-- Right Box Borders End Float -->
 
					</div>  <!-- /* right content END */  -->
 
 
 
 
			</div> <!-- /* End content container */ -->
 
			<div id="footer">
			<p class="footer"> Footer  Blah blah There Town, ST 12345</p>
			</div> <!-- /* footer END */ -->
 
</div> <!-- /* End main Wrapper div tag */ -->
</body>
</html>

Top
Mon, 2009-11-02 02:39
#3
Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 15 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

No, I said a link to the

No, I said a link to the page. Posting code doesn't help me accurately track down what the validator is complaining about.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Top
Mon, 2009-11-02 03:07
#4
JDawggie
Offline
newbie
Last seen: 12 years 10 weeks ago
Timezone: GMT-5
Joined: 2009-10-31
Posts: 4
Points: 5

Cant post a link..

Hi -- sorry I am unable to post a link. I am working local only. I did a local validation.

Thanks for trying anyway.

Top
Mon, 2009-11-02 05:08
#5
Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 15 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

<link rel="stylesheet"

<link rel="stylesheet" type="text/css" href=" DOC goes here.css"/>

Take that out or link to a real file. Wink

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Top
Mon, 2009-11-02 12:50
#6
JDawggie
Offline
newbie
Last seen: 12 years 10 weeks ago
Timezone: GMT-5
Joined: 2009-10-31
Posts: 4
Points: 5

Thank you!

Smile -- thanks so much for the help. I was working with an external style sheet and wanted to test some other thing so I put everything internal...and forgot to "disconnect the external"......

Thanks again,
Jared

Top
  • Locked