css
2009-07-09 13 views 0 likes 
0

私は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; 
     } 

答えて

2

最も単純には広告の掲載順位が作ることです)、それを上にします:25ピクセル、左:25ピクセル

+0

水平リストで行うことはできますか? –

+0

これは任意のhtml要素で行うことができます。 – Gthompson83

0

toとleftに25ピクセルの余白を追加すると、それを押し下げるはずです。

+0

私はそれを試み、それは動作しませんでした。 –

関連する問題