2012-11-06 18 views
0

我认为我的问题是本网站上最简单的问题。尽管如此,我无法解决它。使用无序列表时有秩序混乱

现在,我有一个像底部一样的html。元素必须并排显示。然而输出如下图所示。此外,我没有得到下划线来自哪里。
confused order
我该怎么做我想要的?

 <div class="ilgiliclass"> 
    <?php 
       echo '<ul>'; 
       if(...) 
       { 
        foreach(...) 
        { 
         if(...) 
         { 
    ?> 

           <li> 
            <img src="img/arrow.gif"> 
            <div class="si"> 
             <a href="...">...</a> 
            </div>                
            - 
            <div class="so"> 
             <a href="...">...</a> 
            </div> 
            <br /> 
           </li> 

    <?php   
         } 
        } 
       } 
    ?> 
      </ul> 
+0

请只呈现HTML和CSS输出。这是一个外观问题,我们不关心PHP。 –

+0

这里是我的渲染输出: http://www.olmasigereken.com/demo/?view=listen&artist=ibrahim+ferrer&track=dos+gardenias 我想把正确的顺序是_image artist - track twitter and facebook links_ – Tahtakafa

回答

1

你必须在siso元素之间的标记破折号。我想这就是你正在谈论的'下划线'。 .si.so都可以设置为display:inline;,这应该将所有内容放在一行上。

JS小提琴例:http://jsfiddle.net/TYsN6/

+0

感谢您的回答。当我申请你的答案结果如下所示:http://i46.tinypic.com/hwho45.jpg这不是我想要的。顺序是错误的。 – Tahtakafa

+0

当我在本地做到这一点时:image text1 - text2。我的猜测是你有一些你没有提供给我们的CSS。 http://jsfiddle.net/TYsN6/ –

+0

朋友,我的问题还没解决。我发布了一个关于我在说什么的链接。 http://www.olmasigereken.com/demo/?view=listen&artist=ibrahim+ferrer&track=dos+gardenias 我想把所有东西都放在正确的顺序上,这就是_image artist - track twitter和facebook links_。 – Tahtakafa