use*_*564 1 css php foreach html-lists
我正在使用编码器,并且我从数据库中显示soms结果.使用PHP显示结果如下:
<?php
if(isset($foo)){
foreach($foo as $bar){ ?>
<ol><li>
<div class="results">
<p class="name"><?php echo $bar['name']; ?></p>
<p class="address"><?php echo $bar['address']; ?></p>
<p class="address"><?php echo $bar['postcode']; ?></p>
<span><?php number_format($bar['miles'],3) ?></span> miles
</div>
</li></ol>
<?php
}
}
?>
Run Code Online (Sandbox Code Playgroud)
我也尝试将课程'结果'添加到ol li.results并且没有运气.添加了边框,边框包裹每个结果,所以我知道我的标签是在正确的位置.CSS:
ol li {
border:1px solid red;
list-style-type: decimal;
}
Run Code Online (Sandbox Code Playgroud)
在reset.css我有这个:
loads...of...elements including ul, ol and li {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
Run Code Online (Sandbox Code Playgroud)
我从中移除了ol,li并且我得到了数字,但是每个结果都有1.而不是1,2 3
这些显示为地址列表,我想让它们编号,所以第一个将有1.RESULT 1,2.RESULT 2等等...我试图使用有序列表标签,似乎没有显示有关数字.我已经检查了萤火虫,并且标签正在为每个人开火.这是一个CSS问题还是PHP显示结果的方式?
任何帮助将非常感激.
你忘记了<li>标签内的<ol>标签
<?php
if(isset($foo)){
echo '<ol>';
foreach($foo as $bar){ ?>
<li>
<div class="results">
<p class="name"><?php echo $bar['name']; ?></p>
<p class="address"><?php echo $bar['address']; ?></p>
<p class="address"><?php echo $bar['postcode']; ?></p>
<span><?php number_format($bar['miles'],3) ?></span> miles
</div>
</li>
<?php
}
echo '</ol>';
}
?>
Run Code Online (Sandbox Code Playgroud)