[MSKINS-43] Invalid html code generated for breadcrumbs

• Type: Bug
• Status: Closed
• Priority: Major
• Resolution: Fixed
• Affects Version/s: fluido-1.2.1
• Fix Version/s: fluido-1.2.2
• Component/s: Fluido Skin
• Assignee: Dennis Lundberg
• Reporter: Dennis Lundberg
• Created: 05/Apr/12 11:27
• Updated: 08/Apr/15 08:03
• Resolved: 05/Apr/12 12:45

Description

The issue can be seen in the IT mskins-24, which has this code in it:

      <div id="breadcrumbs">
        <ul class="breadcrumb">
                
                    
                              <li class="">
                    <a href="http://www.apache.org/" class="externalLink" title="Apache">Apache</a>
        <li class="divider ">/</li>
      </li>
            <li class="">
                    <a href="../../../index.html" title="Maven">Maven</a>
        <li class="divider ">/</li>
      </li>
            <li class="">
                    <a href="skins/" title="skins">skins</a>
        <li class="divider ">/</li>
      </li>
            <li class="">
                    <a href="skins/maven-fluido-skin/" title="maven-fluido-skin">maven-fluido-skin</a>
        <li class="divider ">/</li>
      </li>
    <li class="">Apache Maven Fluido Skin IT, MSKINS-24</li>
      
                
                    
                  <li id="publishDate" class="pull-right">Last Published: 2012-03-31</li> <li class="divider pull-right">|</li>
              <li id="projectVersion" class="pull-right">Version: 1.0-SNAPSHOT</li>
            
                  </ul>
      </div>

The problem is an <li> element (with class="divider") inside another <li> element. This can probably be solved by changing the inner <li> to a <span> instead.

We also need to check the css, to see if there are any rules like this

li.divider {...}