私はこれらすべてに不慣れです。作業中の模擬Webサイトのテンプレートがあります。左側のメニューはテンプレートで問題ありませんでした。左側のメニューをPHPに表示するように変更したため、左側にインデントされ続けます。cssをmargin-left=0pxなどに変更してみましたが、同じです。パディングの残りが30pxであることがわかりますが、これを0pxに変更してもインデントされたままで、チェックマークがテキストの上にありました。
インデント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>';
?>