HTML CSS: <li>элементы дублируются, что приводит к дублированию изображений - PullRequest
Новая
       22

HTML CSS: <li>элементы дублируются, что приводит к дублированию изображений

0 голосов
/ 17 ноября 2011

По какой-то причине элементы <li> дублируются на моем WordPress-сайте.Я выделил код в файле header.php к тому, что вы видите ниже.Я также не думаю, что проблема в CSS, но я не могу понять, что вызывает это.

Код выглядит следующим образом: 

        <div id="toplinks">
        <ul id="links">
            <li><a class="narch"/>  </li>
            <li><a href="http://www.torhs.com" title="TORHS" class="torhs" target="_blank" /> </li>
            <li><a href="http://www.omrha.com" title="OMRHA" class="omhra" target="_blank" /></li>
            <li><a href="http://www.jangosportswear.com" title="JANGO" class="jango" target="_blank" /> </li>
            <li><a href="http://www.statewarshockey.com" title="State Wars" class="statewars" target="_blank" /> </li>
            <li><a href="#" title="Wicked Biscuit" class="wickedbiscuit" target="_blank" /> </li>
            <li><a href="#" title="Rattlers" class="rattlers" target="_blank" /> </li>
            <li><a href="http://www.revisionhockey.com" title="Revision Hockey" class="revision" target="_blank" /> </li>
            <li><a href="http://www.rollerhockeyalliance.com" title="RHA" class="RHA" target="_blank" /> </li>
            <li><a href="http://www.rinkrathockey.com" title="Rink Rat" class="rinkrat" target="_blank" /> </li>

            <li><a href="http://www.rocketpuck.com" title="Rocket Puck" class="rocketpuck" target="_blank" /> </li>
            <li><a href="http://www.missionhockey.com" title="Mission" class="mission" target="_blank" /> </li> 
        </ul>
    </div> <!--clooses toplinks-->

Код выходит (взято с помощью firebug) выглядит так.

<ul id="links">
<li>
<a class="narch"> </a>
</li>
<a class="narch"> </a>
<li>
<a class="narch"></a>
<a class="torhs" target="_blank" title="TORHS" href="http://www.torhs.com"> </a>
</li>
<a class="torhs" target="_blank" title="TORHS" href="http://www.torhs.com"> </a>
<li>
<a class="torhs" target="_blank" title="TORHS" href="http://www.torhs.com"></a>
<a class="omhra" target="_blank" title="OMRHA" href="http://www.omrha.com"></a>
</li>
<a class="omhra" target="_blank" title="OMRHA" href="http://www.omrha.com"> </a>
<li>
<a class="omhra" target="_blank" title="OMRHA" href="http://www.omrha.com"></a>
<a class="jango" target="_blank" title="JANGO" href="http://www.jangosportswear.com"> </a>
</li>
<a class="jango" target="_blank" title="JANGO" href="http://www.jangosportswear.com"> </a>
<li>
<a class="jango" target="_blank" title="JANGO" href="http://www.jangosportswear.com"></a>
<a class="statewars" target="_blank" title="State Wars" href="http://www.statewarshockey.com"> </a>
</li>
<a class="statewars" target="_blank" title="State Wars" href="http://www.statewarshockey.com"> </a>
<li>
<a class="statewars" target="_blank" title="State Wars" href="http://www.statewarshockey.com"></a>
<a class="wickedbiscuit" target="_blank" title="Wicked Biscuit" href="#"> </a>
</li>
<a class="wickedbiscuit" target="_blank" title="Wicked Biscuit" href="#"> </a>
<li>
<a class="wickedbiscuit" target="_blank" title="Wicked Biscuit" href="#"></a>
<a class="rattlers" target="_blank" title="Rattlers" href="#"> </a>
</li>
<a class="rattlers" target="_blank" title="Rattlers" href="#"> </a>
<li>
<a class="rattlers" target="_blank" title="Rattlers" href="#"></a>
<a class="revision" target="_blank" title="Revision Hockey" href="http://www.revisionhockey.com"> </a>
</li>
<a class="revision" target="_blank" title="Revision Hockey" href="http://www.revisionhockey.com"> </a>
<li>
<a class="revision" target="_blank" title="Revision Hockey" href="http://www.revisionhockey.com"></a>
<a class="RHA" target="_blank" title="RHA" href="http://www.rollerhockeyalliance.com"> </a>
</li>
<a class="RHA" target="_blank" title="RHA" href="http://www.rollerhockeyalliance.com"> </a>
<li>
<a class="RHA" target="_blank" title="RHA" href="http://www.rollerhockeyalliance.com"></a>
<a class="rinkrat" target="_blank" title="Rink Rat" href="http://www.rinkrathockey.com"> </a>
</li>
<a class="rinkrat" target="_blank" title="Rink Rat" href="http://www.rinkrathockey.com"> </a>
<li>
<a class="rinkrat" target="_blank" title="Rink Rat" href="http://www.rinkrathockey.com"></a>
<a class="rocketpuck" target="_blank" title="Rocket Puck" href="http://www.rocketpuck.com"> </a>
</li>
<a class="rocketpuck" target="_blank" title="Rocket Puck" href="http://www.rocketpuck.com"> </a>
<li>
<a class="rocketpuck" target="_blank" title="Rocket Puck" href="http://www.rocketpuck.com"></a>
<a class="mission" target="_blank" title="Mission" href="http://www.missionhockey.com"> </a>
</li>
<a class="mission" target="_blank" title="Mission" href="http://www.missionhockey.com"> </a>
</ul>
<a class="mission" target="_blank" title="Mission" href="http://www.missionhockey.com"> </a>
</div>
<a class="mission" target="_blank" title="Mission" href="http://www.missionhockey.com"> </a>

Ответы [ 2 ]

2 голосов
/ 17 ноября 2011

Возможно, вы путаете HTML с разметкой в ​​стиле XML.

Самая основная ссылка помечена следующим образом: 

<a href="http://www.google.com/">Google</a>

Атрибут title на самом деле показывает, что дляподсказка элемента.

1 голос
/ 17 ноября 2011 
<a class="narch"/>

Правильно закройте якоря

...