小编gab*_*s20的帖子

我用CSS创建了无表格布局.虽然这在IE8,FireFox和Chrome中正确呈现,但它并没有出现在我预期的IE7上.但我想知道是否有任何解决方案vertical-align: middle;.这似乎是我在IE7中的问题的核心.

#main { 
    margin: 0 auto;
    height: 500px;
    display: table;
   position: relative;
}

#main ul {
    display: table-cell;
    vertical-align: middle;
    text-align:center;
}
#main ul li {
    display: inline-block;
    margin: 10px;
    border: 1px solid #d0dad2;
    height: 170px;  
}

<div id = "main">
    <ul> 
        <li><img src="images/test.jpg" alt="staff" /></li>
    </ul>
</div>

将click()与mouseout()组合在一起的最佳方法是什么.基本上,我想要一个列表项来显示是否单击了某个链接,并且一旦鼠标离开链接的父div,我希望列表消失.

$(document).ready(function () {
    $('.content_inner').hide();
    $('.clickme').click(function() {
        $('.content_inner').fadeIn();
    });//mouseout

});
<div class=".container">
    <a href="#" class="clickme">Click me!</a>
    <ul class="content_inner">
        <li><a href="#">testing</a></li>
        <li><a href="#">testing</a></li>
    </ul>
</div>

关于ie和firefox如何显示内联块,我遇到了困难.我应该指出Google Chrome会按预期显示它.

<div class="cell"> 
    <div><img src="images/dftg.jpg" /></div> 
    <p>Sean val</p>
</div>

问题出现在firefox中,即当我在上面的段落中写了一个更长的名字时,在上面的parapgrah中.在firefox中,即,单元格div向上移动,从而使布局看起来很奇怪和不一致.

.cell { 
    display: inline-block;
    display:-moz-inline-stack;
    border: 3px solid #ff0000;
    padding: 7px;
    height: 170px;
    zoom: 1;
    *display: inline;
    _height: 170px;

}

.cell p {
    padding: 10px 25px;
    width: 150px;
}

我正在尝试构建一个由逗号分隔的列表，它应该是这样的（绿色、橙色、红色）。

$i=0;
$taxonomy = $form_state[values][taxonomy][5];
foreach ($taxonomy as $key => $value){
  $result = db_query("SQL CODE goes here");
  if (mysql_num_rows($result)){     
  while ($i<mysql_num_rows($result)){
    $resultset = db_fetch_array($result);
    $comma_separated = implode(",", $resultset);
    $i++;      
  }
  form_set_error("Date", t("$comma_separated. cannot be booked more than once "));
}