CSS - перемещение элемента в горизонтальном списке - PullRequest
0 голосов
/ 09 июля 2009

Справа от таблицы размещено объявление Google. Для этого я использую CSS и делаю таблицу и рекламные элементы в горизонтальном списке. Код ниже. Это выглядит хорошо, но я хотел бы переместить объявление примерно на 25 пикселей вниз и на 25 пикселей вправо. Как мне это сделать?

Заранее спасибо,

John

Код:

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 ]

2 голосов
/ 09 июля 2009

проще всего сделать рекламную позицию относительной (сохраняет макет) и сделать ее верхней: 25 пикселей, а левой: 25 пикселей

0 голосов
/ 09 июля 2009

Добавление поля в 25px к левому и левому краям должно толкнуть его вниз.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...