Hi,

I have a page that displays a list of blog postings with teaser, date, and tagged taxonomy terms. I ran it through http://validator.w3.org and got the following types of errors:

"syntax of attribute value does not conform to declared value." 

<div id="primary" class="clear-block"> 
<ul class="links-menu " id="">
 <li class=" first"><a href="/">Home</a></li>
 <li class=""><a href="/section1">Section 1</a></li>
 <li class=""><a href="/section2">Section 2</a></li>
 <li class=" last"><a href="/section3">Section 3</a></li>
 </ul> 
</div>

<div id="secondary" class="clear-block">
 <ul class="links-menu " id="">
 <li class=" first"><a href="/about/disclaimer">Disclaimer</a></li>
 <li class=""><a href="/about/contact">Contact Us</a></li>
 <li class=" last"><a href="/about/policies">Help</a></li>
 </ul> 
</div>

"document type does not allow element "ul" here; missing one of "object", "ins", "del", "map", "button" start-tag"

<h2 class="title"><a href="/node/24">A Blog Posting</a></h2>
<span class="submitted">Submitted by <a href="/user/2" title="View user profile.">user1</a> on Mon, 09/22/2008 -9:27.</span>

<span class="taxonomy">
<ul class="links inline">
<li class="first taxonomy_term_18"><a href="taxonomy/18" rel="tag" title="" class="taxonomy_term_18 active">TaxonomyTerm1</a></li>
<li class="taxonomy_term_20"><a href="taxonomy/20" rel="tag" title="" class="taxonomy_term_20">TaxonomyTerm2</a></li>
<li class="last taxonomy_term_12"><a href="taxonomy/12" rel="tag" title="" class="taxonomy_term_12">TaxonomyTerm3</a></li>
</ul>
</span>

I also validated the CSS and it resulted in the following errors for blue.css:
263 .blk-outline2 Parse Error ;, color: #FFCD06;
263 .blk-outline2 Parse error - Unrecognized }

Is anybody having these issues as well? Thanks in advance for any help/suggestions.

Comments

roopletheme’s picture

roopletheme CreditAttribution: roopletheme commented
Status: Active » Postponed (maintainer needs more info)

Not sure what you're seeing, but my best guess is that you're truncating content in the teaser, which is resulting in invalid HTML... see this page for some suggestions. The blue scheme with all of the block themes validate cleanly on this page... see here.

new_B’s picture

new_B CreditAttribution: new_B commented

Hi roopletheme,

The validator seems to be complaining about the empty "id" attribute values in the code I had posted above. I also noticed that there are a few empty "class" attribute values as well. Do you have an idea of what may be causing the issue?

Regarding the blue.css error, I noticed an extra comma after the semi-colon (i.e. ";, color: #FFCD06;" should be "; color #FFCD06").

Thanks.

new_B’s picture

new_B CreditAttribution: new_B commented

Just to add to that, I am using the primary and secondary links menus with no suckerfish menu.

roopletheme’s picture

roopletheme CreditAttribution: roopletheme commented
Assigned: Unassigned » roopletheme
Status: Postponed (maintainer needs more info) » Active

OK, now I see what's up... you're using primary links instead of suckerfish menus. This explains the differences in your site vs. the demo site.

The extra comma is a typo in blue.css line 263:

.blk-outline2 { border: 1px solid #FFCD06;, color: #FFCD06; }

Not sure why the demo site validates cleanly with this, but it does.

The empty div is from the theme's override of phptemplate_menu_links at line 90 of template.php... I'm assuming that there will be valid id and class attributes for the menus... if this is not the case, you'll end up with empty divs.

I'll correct this ASAP and post an update. I'm swamped with work at the moment, so it might take a day or so.

new_B’s picture

new_B CreditAttribution: new_B commented

Hi roopletheme,

Thanks for your help.

Actually, the CSS doesn't validate on the demo site using http://jigsaw.w3.org/css-validator/.

Regarding the other issue with the taxonomy terms, it appears that the validator is complaining about the block level ul within the inline span tags.

I think it can be fixed by changing the "span" tag to a "div" so that the block level "ul" isn't contained within the inline level tags. It's how themes like Zen and Siberia (based on litejazz) do it. 

<span class="taxonomy">
<ul class="links inline">
...

to

<div class="taxonomy">
<ul class="links inline">
...

Thanks.

Kisugi Ai’s picture

Kisugi Ai CreditAttribution: Kisugi Ai commented
Status: Active » Closed (fixed)

closed -- issue fixed for 2 weeks with no activity.