无序列表缩进css,php,xhtml

时间:2012-04-19 15:21:09

标签: php css xhtml

我对这一切都是新手。我有一个我正在研究的模拟网站的模板。模板中的左侧菜单很好。由于我已将左侧菜单更改为在PHP中显示,因此它会向左缩进。我已经尝试将css更改为margin-left = 0px和其他东西但它仍然是相同的。你可以看到padding剩下30px,但我把它改为0px并且仍然是缩进的,并且刻度在文本上。

indent http://i.minus.com/iwFNaTVEdSzZw.png

CSS

ul.left_menu{
width:196px;
padding:0px;
margin:0px;
list-style:none;
}
ul.left_menu li{
margin:0px;
list-style:none;
}
ul.left_menu li.odd a{
width:166px;
height:25px;
display:block;
background:url(images/checked.png) no-repeat left #dad0d0;
background-position:5px 5px;
border-bottom:1px #FFFFFF solid;
text-decoration:none;
color:#504b4b;
padding:0 0 0 30px;
line-height:25px
 } ;

XHTML

<div class="left_content">
  <div class="title_box">Categories</div>
  <ul class="left_menu">
    <li class="odd">
  <?php  include("category_menu.php"); ?>
    </li>

编辑     

//take the book types to be used on the left menu (leftColumn.php)
$query_category_menu = "SELECT category_id, category_name FROM      computineerCategory";

$query_category_menu_result = mysql_query($query_category_menu)
 or die(mysql_error());

echo '<ul>';
while($type_category_data = mysql_fetch_array($query_category_menu_result))
{
    print "<a href = 'category.php?categoryid=".$type_category_data["category_id"]."'>".$type_category_data["category_name"]."</a>";
}
echo '</ul>';
?>

1 个答案:

答案 0 :(得分:2)

取出

echo '<ul>'

echo '</ul>'
来自category_menu文件的

您不需要添加这两次