2013-02-13 47 views
-3

我正在显示数据库中的电影列表 - 他们应该显示为内联,但他们是垂直显示。这是一个test pagePHP:li不显示内联,尽管显示:内联

我已经加入显示:内联李和内部的div,但仍然没有luck-

.movienav { 
    height: 500px; 
    width:75%; 
    float:left; 
    margin-top:25px; 
    clear:left; 
    padding-bottom: 45px; 
} 

.movienav li { 
    width: 340px; 
    height: 450px; 
    float: left; 
    margin-right: 10px; 
    position: relative; 
    display:inline; 
    list-style:none; 

} 

.movienav li div { 
    backface-visibility:hidden; 
    width: 340px; 
    height: 450px; 
    overflow: hidden; 
    background: #161616; 
    position: absolute; 
    top: 0; 
    left: 0; 
    display:inline; 

} 

.movienav li div.back { 
    backface-visibility:hidden; 
    left: -999em; 
    padding-bottom: 15px; 
    background-color:#161616; /*max-height:450px; overflow:auto;*/ 
    margin-top: 0; 
    display:inline; 

} 

<div class="movienav"> 
<ul> 
<li><div class="front"><img src="<?php echo $imglink; ?>" width="340" height="450" class="dvdcover" /></div> 
<div class="back"> 


<p><?php echo $description; ?></p> 
</div> 
</li> 
</ul> 
</div> 
+2

修复它是如何从你的最后一个问题http://stackoverflow.com/questions/14857700/li-not-displaying-inline这有什么不同? – j08691 2013-02-13 16:40:54

+3

标志进行复制 http://stackoverflow.com/questions/14858399/php-li-not-displaying-inline-despite-displayinline 和 http://stackoverflow.com/questions/14857700/li-未显示内联 – 2013-02-13 16:44:22

回答

2

你必须每个L1包裹它自身的UL和DIV。我只是猜测,但你可以用

.movienav {float: none;}