私はGoogleの広告をテーブルの右に置いています。これを行うために、私はCSSを使用して、テーブルと広告アイテムを水平リストにしています。コードは以下の通りです。大丈夫ですが、広告を右に25ピクセル、下に25ピクセル移動したいと考えています。これはどうすればいいですか?CSS - 横リストの項目を移動する
事前のおかげで、
ジョン
コード:
if($sum>0){
print "<ul class='horizontal_list'>";
print "<li>";
print "<table class=\"navbarb\">\n";
print "<tr>";
print "<td class='sitenameb'>".'<a type="amzn" class="links2b">'.$entry.'</a>'."</td>";
print "</tr>\n";
print "</table>\n";
//echo "<p class=\"topic3\">".'<a href="http://'.$entry.'" class="links3">'.$entry.'</a>'. "</p>\n";
echo "<p class=\"topic4\">". number_format($sum) . ' votes in total.'."</p>\n";
arsort($votes); //reverse sort preserving keys
//print "<td class='sitename'>".'<a href="http://'.$row['site'].'" class="links2">'.$row['site'].'</a>'."</td>";
foreach ($votes as $table => $votes) {
print "<table class=\"navbar1\">\n";
print "<tr>";
print "<td class='sitename1'>". $table .'</a>' ."</td>";
print "<td class='sitename2'>". number_format($votes) ."</td>";
print "</tr>\n";
print "</table>\n";
print "</li>";
}
?>
<li>
<div class="googlead3">
<script type="text/javascript"><!--
google_ad_
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
</li>
CSSのいくつか:相対(レイアウトを保持します:
ul{
margin: 0 auto;
}
ul.horizontal_list li{
text-align: left;
float: left;
list-style: none;
padding: 3px 10px 3px 10px;
margin: 5px;`enter code here`
border: 0px;
}
.googlead3
{
float: right;
margin-left:70px;
margin-top:25px;
margin-bottom:8px;
padding:50px;
}
水平リストで行うことはできますか? –
これは任意のhtml要素で行うことができます。 – Gthompson83